如何找到所有<a> elements and add a class to them using jQuery</a>

Question

我需要找到a中的所有.paginate个元素并为其添加一个类。

我目前有：

$('#search_result').html('<span class="ajax-loader">Please wait ...</span>')
                   .load('/search/ajax-search',$("#search-panel").serialize())
                   .find('.paginate p a')
                   .addClass('click_paginate');

但没有运气。

这是我的HTML：

<div class="paginate clearfix">
    <p>
        <strong>1</strong>
        <a href="/search/ajax-search/P20">2</a>
        <a href="/search/ajax-search/P40">3</a>
        <a href="/search/ajax-search/P20">&gt;</a>
        <a href="/search/ajax-search/P280">Last ›</a>
    </p>
</div>

Answer 1

您需要等到ajax load请求完成。您可以通过提供完整的回调来完成此操作。

$('#search_result')
    .html('<span class="ajax-loader">Please wait ...</span>')
    .load('/search/ajax-search', $("#search-panel").serialize(), function() {
    /* this is your complete callback */
    $('#search_result').find('.paginate p a').addClass('click_paginate');
});

Answer 2

$('.paginate a').addClass('yourClassHere');