How to access and set iFrame element?

Question

Currently, I am using jquery to make a certain class/span editable:

$(function(){$('.test').editable({editClass:'tryThis',type:'textarea'})});

That works great. Now, what I would like to do is put the source into an iFrame (ID=iTarget).

How would I access this class now?

I tried:

$(function(){document.getElementById('iTarget').$('.test').editable({editClass:'tryThis',type:'textarea'})});

But that doesn't work, I must be missing something.

Answer 1

Try the contents() method:

$("#iTarget").contents().find(".test").editable({
    editClass: "tryThis",
    type: "textarea"
});