Jquery选择ID中包含文本的所有元素

Question

我有以下代码：

 var aggrHTML = $('TBODY#aggr > tr > td > table > tbody > tr > td > nobr > b');
           var aggrText = aggrHTML.text();
           var newText = "Total" + aggrText.substring(3);
           aggrHTML.html(newText);

我想要做的是更改上面的内容，以便选择 id 包含“aggr”的所有元素。

非常感谢， 导航

Answer 1

var aggrHTML = $('TBODY[id*=aggr] > tr > td > table > tbody > tr > td > nobr > b');
           var aggrText = aggrHTML.text();
           var newText = "Total" + aggrText.substring(3);
           aggrHTML.html(newText);

Answer 2

实现这一点的最简单方法是

var aggrHTML = $("[id*=aggr]");
var aggrText = aggrHTML.text();
           var newText = "Total" + aggrText.substring(3);
           aggrHTML.html(newText);

如果“所有元素”当然是指所有 DOM 元素。

Answer 3

上述所有答案都在一定程度上有效，但您的代码片段表明您希望单独更新所选的每个元素。其他答案中的代码会将每个答案设置为与第一个答案相同的值。

您需要使用 .html() 的回调签名：

$('TBODY[id*=aggr] > tr > td > table > tbody > tr > td > nobr > b').html(
    function(idx, oldHTML) {
        return 'Total' + oldHTML.substring(3);
    }
);

这将单独更新每个 b 元素。

还有一条建议：将 id 或类放在 DOM 下方的元素上。这将显着简化您的选择，加快代码的执行和编写速度。例如，在这种情况下，您可以将类 aggrchild 放在最低的 td 元素上，并进行类似 $('td.aggrchild b')< 的选择/代码>。