I have a jquery object which represents a input button element on the page. How can I with jquery to output via console.log all properties/attributes of this element?
Assuming the HTML of the page is
<body>
<img id="smile" class="big" alt="smile" madeupattribute="yep" src="http://mikegrace.s3.amazonaws.com/forums/stack-overflow/smile.png"/>
</body>
you could do
var domElement = $("img")[0] // [0] returns the first DOM element that jQuery found
$(domElement.attributes).each(function(index, attribute) {
console.log("Attribute:"+attribute.nodeName+" | Value:"+attribute.nodeValue);
});
Example page => http://mikegrace.s3.amazonaws.com/forums/stack-overflow/example-get-element-attributes-jquery.html
Example page console output
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With