jQuery：如何通过ajax将一个类添加到已插入DOM的元素中

Question

My page makes an ajax call and creates some markup on the page from the results. How do I then add a class to one of these elements. For example:

<div id="hiddenresult">
    <div class="page">
        <p><a id="23">Some link</a></p>
    </div>
</div>

This markup has been inserted by javascript so when I do:

$('#hiddenresult a#23').addClass("myClass");

It does nothing.

I want to be able to add a class to the anchor when I click a link on my page. Something like this:

$('#button').click(function() {
    $('#hiddenresult a#23').addClass("myClass");
});

Answer 1

The id of any dom element should always be unique and must not start with a number. You can just try this to add the class.

<div id="hiddenresult">
    <div class="page">
        <p><a id="_23">Some link</a></p>
    </div>
</div>

 $('#_23').addClass("myClass");

Answer 2

I think you mean that you have a click handler which is not working for ajax injected elements? Try:

$("#hiddenresult").delegate("a", "click", function() {
    $(this).addClass("myClass");
});

Answer 3

Try , it will work :

$('#button').live('click', function() {
   $('#hiddenresult a#23').addClass("myClass");
});