Problème de sélecteur jQuery

Question

Je suis bloqué dans un problème de sélecteur dans JQuery. J'ai la structure html suivante ....

<table> 
<tr> 
    <td rowspan="3"></td> 
    <td></td> 
    <td></td> 
    <td rowspan="3"></td> 
</tr> 
<tr> 
    <td></td> 
    <td></td> 
</tr> 
<tr> 
    <td rowspan="4"></td> 
    <td></td> 
    <td></td> 
    <td rowspan="4"></td> 
</tr> 
<tr> 
    <td></td> 
    <td></td> 
</tr> 
.... 
</table> 

Je veux choisir le premier td dans un tr ayant la rowspan propriété. Comment puis-je sélectionner ceci en utilisant les sélecteurs JQuery. Quelque chose comme $ ("table> tr> td [rowspan]") sélectionne tous les td ayant la propriété rowspan.

Cordialement

Answer 1

Voir first-child

$("table td[rowspan]:first-child") 

Comme @kobi a dit, il y a un élément tbody implicite que les navigateurs injectent. Pour être très précis, utilisez:

$("table > tbody > tr > td[rowspan]:first-child") 

Answer 2

<table> s ont <tbody> implicite, c'est pourquoi votre sélecteur ne fonctionne pas. Essayez:

$("table td[rowspan]") 

Maintenant, la première <td> dans chaque <tr> serait:

$("table tr").find("td[rowspan]:first") 

Exemple de travail (tout à fait désordre, mais c'est votre table): http://jsbin.com/aqere/2