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」を含むすべての要素を選択し、上記の変更です。 "すべての要素" によって、あなたはもちろんのすべてのDOM要素を意味する場合

多くのおかげで、 ナビ

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); 

です。

Answer 3

上記のすべての答えは、エクステントに動作しますが、あなたのスニペットは、個別に更新されるように選択された要素のそれぞれを望んでいることを示唆しています。他の回答のコードは、それぞれの回答を最初の回答と同じ値に設定します。

あなたは.html()のコールバック署名を使用する必要があります。

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

これは、個別に各b要素を更新します。

もう1つのアドバイス：DOMの下にある要素にIDまたはクラスを配置します。これにより、選択を大幅に簡素化し、コードの実行と記述を高速化します。この場合、例えば、クラスaggrchildを最低のtd要素に置き、$('td.aggrchild b')のような選択を行うことができます。