Adding attribute on html element inside the iframe using jquery

Question

I have this code for getting the attributes of an html element inside an iframe.

Code:

$("#frameID").contents().find("#htmlelementID").attr("myattr");

My dilemma here is i want to add a new attribute on the html element inside my iframe.

I'll truly appreciate every idea that will help me on this.

Note that adding a proprietary attribute will make the HTML invalid. You should use a data-* attribute for this purpose. — Rory McCrossan
– Rory McCrossan, Commented Oct 16, 2013 at 10:36

Amal · Accepted Answer · 2013-10-16 10:41:35Z

2

Use the setter version of .attr()

$("#frameID").contents().find("#htmlelementID").attr("newattr",  'newvalue');

Amal

76.8k18 gold badges133 silver badges154 bronze badges

answered Oct 16, 2013 at 10:33

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Rituraj ratan · Accepted Answer · 2013-10-16 10:36:27Z

0

$("#frameID").contents().find("#htmlelementID").attr("attrname",  'atrvalue');

$("#frameID").contents().find("#htmlelementID").prop("attrname",  'atrvalue');

answered Oct 16, 2013 at 10:36

Rituraj ratan

10.4k8 gold badges38 silver badges55 bronze badges