Comment sélectionner des cellules de tableau sans sélectionner de cellules de tableau imbriquées dans jQuery

Question

Je veux sélectionner uniquement le premier niveau d'éléments 'td' dans une table et non les cellules d'une table imbriquée. par exemple:

<table id="Outer"> 
    <tr> 

     <td> --this one 
     </td> 

     <td> --this one 
      <table> 
       <tr> 
        <td></td> -- but not this one or any deeper nested cells 
       </tr> 
      </table> 
     </td> 

    </tr> 
</table> 

(et oui dans le code prod i inclurais tbody, thead ...)

Answer 1

Je d utilisez le sélecteur children, qui sélectionne uniquement les enfants immédiats correspondant à l'expression. Pour faciliter la sélection de la table externe, je lui donnerais un nom. NOTE: cela ne fonctionnera pas avec votre échantillon car j'ai ajouté dans les sélecteurs pour thead, tbody, et tfoot comme vous indiquez que vous aurez en production. Ajustez en conséquence pour votre échantillon.

$('table#namedTable').children('tbody,thead,tfoot') 
        .children('tr') 
        .children('td') 

Answer 2

Donnez la table la plus externe un id de "extérieur":

$("table#Outer > td").text("selected");