Löschen Sie eine Zeile aus einer Tabelle nach ID

Question 1

Ich habe ein kleines Problem. Ich habe einige dynamisch erstellte Tabellen und jede Zeile hat eine ID. Ich möchte die Zeile mit der ID “x” löschen.

Ich habe die übliche Methode (removeChild) ausprobiert, aber es funktioniert anscheinend nicht für Tabellen.

function deleteRow(tableid, rowid)  
{   
      document.getElementById(tableid).removeChild(document.getElementById(rowid));  
}

Der Fehler, den ich bekomme, ist: Knoten wurde nicht gefunden” Code: “8

Ich habe auch das versucht:

function deleteRow(tbodyid, rowid)   
{  
      document.getElementById(tbodyid).removeChild(document.getElementById(rowid));   
}

und bekam den gleichen Fehler.

Ich kann die nicht verwenden deleteRow() -Methode, da diese den Index der Zeile benötigt und ich lieber nicht nach der ID suche, den Index markiere und dann lösche (auch wenn ich keine anderen Lösungen finde …).

Question 2

Wie wäre es mit:

function deleteRow(rowid)  
{   
    var row = document.getElementById(rowid);
    row.parentNode.removeChild(row);
}

Und wenn das fehlschlägt, sollte das wirklich funktionieren:

function deleteRow(rowid)  
{   
    var row = document.getElementById(rowid);
    var table = row.parentNode;
    while ( table && table.tagName != 'TABLE' )
        table = table.parentNode;
    if ( !table )
        return;
    table.deleteRow(row.rowIndex);
}

Question 3

Und was ist mit dem Versuch, diese Zeile nicht zu löschen, sondern auszublenden?

Question 4

Davon Postversuchen Sie dieses Javascript:

function removeRow(id) {
  var tr = document.getElementById(id);
  if (tr) {
    if (tr.nodeName == 'TR') {
      var tbl = tr; // Look up the hierarchy for TABLE
      while (tbl != document && tbl.nodeName != 'TABLE') {
        tbl = tbl.parentNode;
      }

      if (tbl && tbl.nodeName == 'TABLE') {
        while (tr.hasChildNodes()) {
          tr.removeChild( tr.lastChild );
        }
      tr.parentNode.removeChild( tr );
      }
    } else {
      alert( 'Specified document element is not a TR. id=' + id );
    }
  } else {
    alert( 'Specified document element is not found. id=' + id );
  }
}

Ich habe dieses Javascript auf einer Testseite ausprobiert und es hat bei mir in Firefox funktioniert.

Question 5

zu Vilx-:

var table = row.parentNode;
while ( table && table.tagName != 'TABLE' )
    table = table.parentNode;

und was wäre wenn row.parentNode ist TBODY?

Sie sollten es zuerst überprüfen und dann tun while durch .tBodieswahrscheinlich

Question 6

Etwas schnell und schmutzig:

<script type="text/javascript">
function del_tr(remtr)  
{   
    while((remtr.nodeName.toLowerCase())!='tr')
        remtr = remtr.parentNode;

    remtr.parentNode.removeChild(remtr);
}
function del_id(id)  
{   
        del_tr(document.getElementById(id));
}
</script>

wenn du platzierst

<a href="" onclick='del_tr(this);return false;'>x</a>

irgendwo in der Zeile, die Sie löschen möchten, dann funktioniert es sogar ohne IDs

Question 7

Das übergeordnete Element der Zeile ist nicht das Objekt, von dem Sie denken, dass ich es aus dem Fehler verstehe.
Versuchen Sie zuerst, das übergeordnete Element der Zeile zu erkennen, dann können Sie sicher sein, in was Sie schreiben müssen getElementById Teil der Eltern.

Question 8

*<tr><a href="https://stackoverflow.com/questions/4967223/javascript:void(0);" class="remove">X</a></tr>*
<script type="text/javascript">
  $("table").on('click', '.remove', function () {
       $(this).parent().parent('tr').remove();
  });