Droit chemin pour obtenir les enfants

Question

J'ai le code ci-dessous et il fonctionne, mais quelle est la bonne façon d'obtenir la table ajouter onclick de

HTML

<div> 
    <h4 class="titlebar"> 
     Skills 
     <small><a onclick="return false;" href="/add/" data-span="3">Add</a></small> 
    </h4> 

    <div class="body"> 
     <table class="table"> 
      <tbody> 
       <tr><td width="125"></td></tr> 
      </tbody> 
     </table> 
    </div> 
</div> 

JQuery

var TableBlock = $(this).closest('.titlebar').next().children('table'); 

this points à Ajouter au lien

Answer 1

Vous n'avez pas mentionné qui est le parent de <div class="body"> et <h4 class="titlebar"> ce qui est critique.

$(this).closest('table-parent(the missing parent)').find('table'); 

find est mieux que childern parce qu'elle fonctionnera même si la table s'imbriquée dans le développement futur.

Si vous ne souhaitez que la première table matched:

.find('table').first(); 
//Or 
.find('table:first'); 

---

Mise à jour: Sur la base de votre mise à jour de question, je voudrais ajouter au parent div une classe ou un id:

<div class="parent" > 
    <h4 class="titlebar"> 
    ... 

Ensuite:

$(this).closest('div.parent').find('table'); 

Si vous ne pouvez pas modifier le DOM:

$(this).closest('h4.titlebar').parent().find('table'); 

Ou:

$(this).closest('h4.titlebar').siblings('.body').find('table');