Get Content of a Clicked Div in Iframe

[ASPnoob]

Hi all, I am trying to create a web editor using an Iframe. So basically users can open up a page they want to edit in the Iframe and edit away. I want to be able to grab the content of any element of a page and then do what I need to with it. I ran into some problems when there are elements embedded in other elements such as a div with children each having no id or class attributes. I tried to solve this problem by first identifying which element was clicked and give it a temporary id if id did not already have one. Then using the new id get the content (I'm trying to get the text). I tried to implement that idea using the code below but it did not work.

$('#myiframe').load(function () { //load iframe
$(this).contents().find("body").on('click', function (event) {
var a = event.target.tagName;
var divContent = $("#myiframe").contents().find(a);

 $(divContent).click(function (e) {                                         
     var ClickedElementID = e.target.id;   // Get id of target element
     if (ClickedElementID == "") {         // Check if an element has an id
        e.target.attr('id', 'tempID');     // If target element has no id add one
        var  myText = $('#tempID').text(); // Get text using tempID
        $('#tempID').removeAttr('id');     // Remove temporary id
     }
     else {
       
       var myText = $(ClickedElementID.text()) // Get text
     }         
  });      
}

}

Please help me make the code above work as I intended, thanks in advance.

[Richard Deeming]

You already have the element, so you shouldn't need to give it an ID. Try:

$(divContent).click(function (e) {
var myText = $(e.target).text();
});

---

"These people looked deep within my soul and assigned me a number based on the order in which I joined." - Homer