parcourir toute la table et vérifier le nom de la balise span atrribute

Question

HTML :

<table id="mytable">    
<tr>
<td class="cssred"><span name='478'>john</span></td>
</tr>
<tr>
<td class="cssred"><span name='478'></span></td>
</tr>
<tr>
<td class="cssred"><span name='478'></span></td>
</tr>
 <tr>
<td class="cssred"><span name='521'></span></td>
</tr>
<tr>
<td class="cssred"><span name='522'></span></td>
</tr>
</table>

JavaScript :

$(this).find('span').attr('name');

Je dois parcourir tout le tableau et vérifier que la valeur du nom de l'attribut de la balise span soit 478, puis faire en sorte que la classe de la cellule parente soit la même. cssgreen .

Answer 1

$("#mytable td:has(span[name='478'])").toggleClass("cssred cssgreen");

ou

$("#mytable span[name='478']").parent().toggleClass("cssred cssgreen");

DEMO : http://jsfiddle.net/E55jb/

Answer 2

Essayez ceci

$('#mytable span').each(function() {
   if($(this).attr('name') == "478") $(this).parent().removeClass('cssred').addClass('cssgreen');
});

ou plus facile

$('#mytable span[name=478]').parent().removeClass('cssred').addClass('cssgreen');

Answer 3

Essayez ceci

  $('span[name="478"]').each(function(){
     $(this).parent().removeClass("cssred");
     $(this).parent().addClass("cssgreen");
  })

Answer 4

Solution :

  $("#mytable span").each(function() {
       if($(this).attr("name") == "478"){ // check if name=478
       $(this).parent().removeClass("cssred"); // remove red bg
       $(this).parent().addClass("cssgreen"); // add green bg
  });