Comment obtenir nième enfant en jquery d'un nouvel élément

J'ai créé la ligne de tableau à l'aide de jquery:

var tableRow = $("<tr>").append($("<td>").text("one"))
                        .append($("<td>").text("two"))
                        .append($("<td>").text("three"));

Maintenant, je l'ajouter à la table dans le document:

$("#table_id").append(tableRow);

La prochaine chose que je veux faire est de définir les événements click sur certaines des cellules de la tableRow créé ci-dessus. Je veux utiliser nième sélecteur d'enfant à cet effet. Cependant à partir de la documentation, il semble qu'il est possible de l'utiliser avec certains sélecteurs comme :

$("ul li:nth-child(2)")

Mais maintenant, j'ai besoin d'utiliser :nth-child() pour une variable tableRow.
Comment est-il possible?

OriginalL'auteur maximus | 2013-06-24

  1. 13

    Je veux utiliser nième sélecteur d'enfant.

    Dans ce cas, vous pouvez utiliser .find()

    cell = tableRow.find(':nth-child(2)');
cell.on('click', function() {
    ...
});
    Alors que find travaille pour la certains structure de l'OP mentionné (depuis le tds n'ont aucun des éléments), la plus générale de la solution (encore la réunion de l'OP est bizarre "je veux utiliser :nth-child exigence) serait children si vous n'obtenez pas de tous de la :nth-child(2) éléments dans l'arborescence: jsfiddle.net/80tnutc8

    OriginalL'auteur techfoobar

  2. 2

    Vous pouvez utiliser .find() avec nth-child

    tableRow.find('td:nth-child(2)')

    Ou dans ce cas, vous pouvez utiliser .enfants (les), ce qui pourrait être mieux

    tableRow.children('nth-child(2)')

    OriginalL'auteur Arun P Johny

  3. 0

    Essayer avec .eq() comme

     $("#table_id tr td:eq(1)")

    Ou vous pouvez appeler directement à partir de tableRow comme

    $(tableRow + "tr td:eq(1)")

    OriginalL'auteur Gautam3164

  4. 0

    Créé l'élément dynamique, vous devez utiliser la structure suivante, si son créés statiquement(c'est à dire: créé en HTML, vous pouvez utiliser ce que vous mentionnez pour ul)

    $('#table_id').find(":nth-child(2n)")

    DÉMO

    OriginalL'auteur Thirumalai murugan