comment obtenir un index de ligne dans le tableau dynamique via jQuery

J'utilise jquery dynamique créer du contenu de la table dans la page, comment puis-je obtenir le numéro de ligne de l'index de cette dynamique de conte? Dans le code suivant, lorsque je clique sur "afficher plus" le lien, je l'utilise en fonction de l'index dans le code suivant, mais il travaille maintenant. Comment résoudre ce problème? Merci.

 $.getJSON(JsonURL,
        function(data){

            $.each(data, function(index, item){
                var obj = item;
                books.push(book);
            });
            for (var i = 0; i<obj.length; i++) {
                var tr=$('<tr></tr>'); 
                $('<td>'+ obj[i].name +'</td>').appendTo(tr);
                $('<td>'+ obj[i].category +'</td>').appendTo(tr);
                $('<td><a class=\'showMore\' href=#>'+ 'show more' +'</a></td>').appendTo(tr);
                tr.appendTo('#tableBody');
            };
    });
    $('a .showMore').on('click', function(event) {
        var rowindex = $(this).parent().parent().children().index($(this).parent);
        console.debug('rowindex', rowindex);
    });

OriginalL'auteur user3003466 | 2014-03-27

  1. 15

    Vous devez utiliser événement délégation pour créer dynamiquement des éléments:

    Cas de délégation permet de nous joindre un seul écouteur d'événement, d'une
    élément parent, qui sera le feu, pour tous les enfants correspondant à un sélecteur,
    si ces enfants existent maintenant ou sont ajoutées dans le futur.

    $('body').on('click', 'a.showMore', function(event) {
    var rowindex = $(this).closest('tr').index();
    console.debug('rowindex', rowindex);
});

    Veuillez noter que vous n'avez pas besoin d'un espace entre a et .showmore parce que a .showmore va sélectionner tous les éléments avec la classe showmore, qui est un enfant d'une ancre.

    Aussi, .parent() est une méthode de sorte que vous besoin de () après parent si vous souhaitez utiliser .parent().

    Une autre suggestion est que, au lieu de plusieurs parent() méthode, vous pouvez utiliser .plus proche (le)

    OriginalL'auteur Felix

  2. 4

    Vous pouvez essayer avec:

    $(document).on('click', '.showMore', function(event) {
    var rowindex = $(this).closest('tr').index();
    console.debug('rowindex', rowindex);
});

    OriginalL'auteur hsz

  3. 3

    vous devez utiliser événement délégation pour que

    $(document).on('click',".showMore", function(event) {
    var rowindex = $(this).parents("tr").index();
    console.debug('rowindex', rowindex);
});

    Cas de délégation permet de raccorder un écouteur d'événement à un élément parent, qui sera le feu, pour tous les enfants correspondant à un sélecteur, si ces enfants existent maintenant ou sont ajoutées dans le futur.

    OriginalL'auteur Anoop Joshi