Question

<div id="resultperpage">
    <span><a>12</a></span>
    <span><a>24</a></span>
    <span><a>48</a></span>
    <span><a>98</a></span>
</div>


$('#resultperpage span').click(function() {
    $('#resultperpage span').html($(?).html() + 'A'));
});

<div id="resultperpage">
    <span><a>12A</a></span>
    <span><a>24A</a></span>
    <span><a>48A</a></span>
    <span><a>98A</a></span>
</div>

请帮我替换jQuery函数中的问号，以便输出为text +'A'

Answer 1

您可以使用html()的回调功能代替所有

$('#resultperpage span').click(function() {
    $('#resultperpage span').html(function(_, html) {
        return html + 'A';
    });
});

或仅替换点击的

$('#resultperpage span').click(function() {
    $(this).html(function(_, html) {
        return html + 'A';
    });
});

Answer 2

<强> JQuery的

$("#resultperpage span a").each(function(){
    var txt= $(this).text();
    $(this).text(txt+"A");
});

DEMO

Answer 3

您可以使用 each() 功能：

$('#resultperpage span').click(function() {
    if($(this).html().substr($(this).html().length-1)!='A'){
        $('#resultperpage span').each(function(){
            $(this).html($(this).html() + 'A');
        });
    }
});

<强> DEMO

使用自己的文本更新所有span元素的内容

3 个答案: