jQuery Sélectionnez le premier et le deuxième td

Question

Comment puis-je ajouter une classe au premier et au deuxième td de chaque tr ?

 <div class='location'>
<table>
<tbody>
<tr>
<td>THIS ONE</td>
<td>THIS ONE</td>
<td>else</td>
<td>here</td>
</tr>
<tr>
<td>THIS ONE</td>
<td>THIS ONE</td>
<td>else</td>
<td>here</td>
</tr>
</tbody>
</table>
</div>

Pour le premier td, cela ne fait rien ?

 $(".location table tbody tr td:first-child").addClass("black");

Puis-je également utiliser le deuxième enfant ?

Answer 1

$(".location table tbody tr td:first-child").addClass("black");
$(".location table tbody tr td:nth-child(2)").addClass("black");

http://jsfiddle.net/68wbx/1/

Answer 2

Pour sélectionner la première et la deuxième cellule de chaque ligne, vous pouvez procéder comme suit :

 $(".location table tbody tr").each(function() {
    $(this).children('td').slice(0, 2).addClass("black");
});

Answer 3

Vous pouvez faire de cette façon aussi

 var prop = $('.someProperty').closest('tr');

Si le nombre de tr est dans le tableau

 $.each(prop , function() {
  var gotTD = $(this).find('td:eq(1)');                 
});

Answer 4

$(".location table tbody tr").each(function(){
    $('td:first', this).addClass('black').next().addClass('black');
});

un autre:

 $(".location table tbody tr").find('td:first, td:nth-child(2)').addClass('black');

Answer 5

Si vous souhaitez ajouter une classe au premier et au deuxième td, vous pouvez utiliser .each() et slice()

 $(".location table tbody tr").each(function(){
    $(this).find("td").slice(0, 2).addClass("black");
});

Exemple sur jsfiddle