La façon la plus succint de faire référence à un objet nouvellement créé dans jQuery?

Question

J'ai une fonction appelée sur le clic d'un lien dans un TD. En cliquant, je traverse le DOM vers le TR que le lien était à l'intérieur, puis créer un nouveau TR après.

Jusqu'ici tout va bien.

Maintenant que j'ai créé ce nouveau TR, avec un TD à l'intérieur, quel est le meilleur pour se référer maintenant à ce TD nouvellement créé. Ou dois-je faire un retour dans le nouveau TD que j'ai créé à partir de l'objet cliqué original?

$("td.expandable a").click(function(){ 
    // figure out the number of columns we need to span 
    var colspan; 
    colspan = $(this).parents("tr").children("td").size(); 

    // insert the new TR 
    $(this).parents("tr").after("<tr><td colspan=' & colspan & '></td></tr>"); 

    // **what syntax would I use here to refer to the above made TD?** 

    return false; 
}); 

Answer 1

$("td.expandable a").click(function(){ 
     // figure out the number of columns we need to span 
     var colspan = $(this).parents("tr").children("td").size(), 
      tr = $("<tr><td colspan=' & colspan & '></td></tr>"); 

     // insert the new TR 
     $(this).parents("tr").after(tr); 

     // **what syntax would I use here to refer to the above made TD?** 
     tr.find('td') 

     return false; 
}); 

Vous pouvez aussi probablement remplacer parents avec closest si vous mettez à jour un tr. . Une autre façon encore plus manuel aurait été faire ... $(this).parents('tr').next().find('td')

Answer 2

insertAfter() enveloppez() conviennent à ce genre de chose:

$('td.expandable a').click(function() { 
    var $parent = $(this).parents('tr'); 
    var colCount = $parent.children('td').size(); 
    var $td = $('<td colspan=' + colCount + '></td>'); 
    $td.insertAfter($parent).wrap('<tr></tr>'); 
    return false; 
}); 

je la chaîne opérateur concaténation « + » . "&" est utilisé pour les entiers pour calculer le nombre de bits AND.