Jquery remove table row funktioniert nicht

Grundsätzlich ist klicken Sie die Schaltfläche generieren-Tabelle die Zeile, dann klicken Sie auf die Minusschaltfläche, um Sie auf Zeile entfernen.

Ich habe es versucht mit ein paar Möglichkeiten unten, nicht von it-Arbeit.
-.binden
-.live
-normaler Weise

Wie es scheint, ist es nicht der Arbeit wegen, um die Tabelle dynamisch generiert wird.

<script language="JavaScript" src="jquery-1.4.3.min.js" type="text/javascript"></script>

 <script type="text/javascript">

 $(document).ready(function() {    

  var html = '';
  var rows= 5;
  var cols= 4;

  $('#btnGenTable').bind("click", function() {

   for (var r = 1; r <= rows; r++) 
   {
    html += '<tr>';

    for (var c = 1; c <= cols; c++) 
    {
     cellText= "row " + r + " col " + c;
     html += '<td>aa</td>';
    }

    html+= '<td><img class="delete" src="minus.jpg" /></td>';

    html += '</tr>';
   };


   $('.inner').html('').append(html);

  });


$('table tbody tr td img.delete').click(function(){
    alert('clicked');
        $(this).parent().parent().remove();
});

 });

</script>

<br />


<table id="tblsize" class="inner" border="1" width="80%">
</table>


<input type=button value="Generate Table" name="btnGenTable" id="btnGenTable" class=text100>
  • funktioniert gut für mich. Stellen Sie sicher, dass Sie " rund um Ihr Attribut jsbin.com/iqini3/edit
  • pls fügen Sie eine alert-box im inneren ur-Funktion und überprüfen Sie, ob der alert-box kommt.
  • $('table tbody tr td img.löschen').klicken Sie nicht auf zu arbeiten, wenn die Ausführung als dynamische Tabelle, wenn die Ausführung als statisches pre-existieren Tisch, es wird funktionieren. Irgendeine Idee?
InformationsquelleAutor i need help | 2010-10-28
  1. 2

    Um eine Zeile zu entfernen, wenn das Bild angeklickt wird, fügen Sie den folgenden code in $(document).bereit blockieren. 

    $('img.delete').live('click', function() {
    $(this).parent().parent().remove();
});
    InformationsquelleAutor Nikolaus Gradwohl
  2. 2

    Ich weiß, diese Frage ist alt, aber ich hatte das gleiche problem. Die live () - Methode ist jetzt veraltet, da jQuery in der version 1.7 und wird entfernt werden, in der version 1.9. Man könnte diese stattdessen zu verwenden:

    $(document).on('click', '.delete', function(){
    $(this).closest('tr').remove();
});
    InformationsquelleAutor fl0r
  3. 1

    alles, was Sie brauchen, ist:

      $('.delete').live('click', function(){
          $(this).closest('tr').remove();   
      });

    in Ihrem Dokument bereit hf.

    hier ist ein funktionierendes Beispiel:
    http://jsfiddle.net/5bWcT/

    • jsfiddle.net ist so ein großes Werkzeug
    • ja, es ist so praktisch.
    InformationsquelleAutor Patricia
Schreibe einen Kommentar