Jquery seleccionar todos los elementos que contienen texto en ID

Question

tengo el siguiente código:

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

Lo que me gustaría hacer es alterar lo anterior, así que seleccione todos los elementos cuya identificación contener 'aggr'.

Muchas gracias, Nav

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

forma más sencilla de lograrlo es

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

Si por "todos los elementos" significan que todos los elementos DOM, por supuesto.

Answer 3

Todas las respuestas anteriores funcionarán en cierta medida, pero su fragmento sugiere que desea que cada uno de los elementos seleccionados se actualice individualmente. El código en las otras respuestas establecerá cada uno de ellos al mismo valor que el primero.

Es necesario utilizar la firma de devolución de llamada de .html():

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

Esto actualizará cada elemento b individualmente.

Un consejo más: ponga los identificadores o las clases en los elementos más abajo en el DOM. Esto simplificaría su selección significativamente, acelerando la ejecución y la escritura de su código. En este caso, por ejemplo, puede poner una clase aggrchild en los elementos td más bajos y hacer una selección como $('td.aggrchild b').