jquery problem identify appended anchor

Question

Hi everybody,

I've a problem to get the id of dynamically loaded anchor appended to a div. Here is the code that I get after filling the div:

<div id="sotto_eti">
    <a href="#" id="a">a</a> <a href="#" id="b">b</a> <a href="#" id="c">c</a>
</div>

and here is the script:

<script>
$("#sotto_eti a").click(function()
{
    alert($(this).attr("id"));
});
</script>

Thanks in advance for your help

ciao h.

Answer 1

    alert($(this).get(0).id);

should work.

Answer 2

You need to use live method for dynamic elements:

$("#sotto_eti a").live('click', function()
{
  alert($(this).attr("id"));
});

Here is working demo

Also make sure that you include the jquery library in your page.

Answer 3

Use live() for elements added later:

Answer 4

You can use .live() to handle dynamically loaded elements:

$("#sotto_eti a").live('click', function() {
    alert( this.id );
});

Or better, use .delegate() which is similar to .live(), but more efficient.

$(function() {
    $("#sotto_eti").delegate('a', 'click', function() {
        alert( this.id );
    });
});

Answer 5

Hi,

if you would retrieve the ID of a links added dynamically, you should use the live function instead :

<script>
$("#sotto_eti a").live("click", function()
{
    alert($(this).attr("id"));
});
</script>