Question

I have the following structure in my document:

<div id="clientList>
<a href=whatever.php" att="something">Text</a>
<a href=whatever.php" att="something">Text</a>
</div>

Say I want to get all of the links between the div out, how would I do this?

I tried the following:

$('#clientList').children("a").each(function() {
var x = $(this).html();
});

But I don’t get the full link, all I get is the “Text” part in between the links. How can I get the full HTML string of each link, including the href and other attributes?

Answer 1

I believe this is a dupe of JQuery: Select html of an element, inclusive?

Anyway, as mentioned there, you should be able to write an outerHTML plugin with:

jQuery.fn.outerHTML = function() { 
    return $('<a>').append(this.eq(0).clone()).html(); 
}; 

and then use it as

$(this).outerHTML();