Comment trouver rowindex lors d'un clic sur un bouton dans le tableau

Je veux trouver la ligne qui a cliqué bouton.

<table>
  <tr>
    <td>foo 1</td>
    <td><input  type="button" value="Remove" id="remove1"/> </td>
  </tr>
  <tr>
    <td>foo 2 </td>
    <td><input  type="button" value="Remove" id="remove2"/> </td>
  </tr>
</table>

Mon tableau de struct est comme ci-dessus. Normalement je peux nous buttonid pour obtenir l'index de ligne. Mais Si je supprimer une ligne (tr) une autre ligne, l'indice des changements. Par exemple:

Si je supprime la première ligne avec jQuery, deuxième ligne de l'indice des changements à 0 puis je ne peux pas utiliser le bouton de l'id. (retirez - 2 )

Eh bien, je pense que je dois utiliser une fonction parent, mais il ne fonctionne pas.

var elem = $('#remove2');
alert(elem.parent()[0].sectionRowIndex);

J'ai essayé celui-ci, mais ne fonctionne pas. J'ai besoin d'index de ligne qui ont cliqué bouton dans la rangée.

J'espère que j'ai expliqué mon problème.

u pouvez définir la nouvelle attr comme rowid dans votre <input> tag ou <td> tag. ensuite, vous pouvez obtenir la valeur comme : $("#remove1").attr("rowid")
Je créer des lignes de manière dynamique, oui, je peux mettre un id à des lignes, mais plus proche des fonctions de l'air mieux. merci

OriginalL'auteur ertan2002 | 2013-01-01

  1. 15

    Essayez ceci:

    $("table tr input").on('click', function(e){
   alert($(this).closest('td').parent()[0].sectionRowIndex);
});​

    VIOLON

    Comment peut-on écrire ce code dans les jsp ?

    OriginalL'auteur palaѕн

  2. 4

    Essayez d'utiliser ceci: http://jsfiddle.net/jd9N4/1/

    var elem = $('input[type="button"]');
$(elem).click(function() {
   alert($(this).closest('tr').index());
   $(this).closest('tr').remove();
});

    OriginalL'auteur Jai

  3. 2

    SI vous ajoutez la ligne dynamiquement, vous pouvez 

     $(document).on('click', 'button', function () {
     var indexRow = this.parentNode.parentNode.rowIndex;
     document.getElementById("table-name").deleteRow(indexRow);
 });

    OriginalL'auteur Mahendra Waykos

  4. 1

    Vous n'avez même pas besoin d'un ID

    jsBin démo

    $('input[value=Remove]').click(function(){
  $(this).closest('tr').remove();
});

    OriginalL'auteur Roko C. Buljan