So entfernen Sie tr in jquery

So entfernen Sie tr mit jquery: 1. Erstellen Sie eine js-Beispieldatei. 2. Führen Sie jQuery ein. 3. Verwenden Sie die Methode „function removeTr(temp){...}“, um tr zu entfernen.

Die Betriebsumgebung dieses Artikels: Windows7-System, JQuery-2.1.4-Version, DELL G3-Computer

Wie entferne ich TR aus JQuery? Ein Problem besteht darin, einige TR zu entfernen (TR wird dynamisch hinzugefügt). Ich habe viele Methoden ausprobiert, aber keine davon funktioniert (zum Beispiel scheint es bei der deleteRow-Methode so zu sein, dass der übergebene Parameter nur die Anzahl der Zeilen von tr sein kann. Ich habe es bisher nicht sorgfältig studiert). Später stellte ich fest, dass diese Methode gut funktionierte, also habe ich sie hier aufgezeichnet.

    $(temp).parent().remove();
 //temp为td的id。

Mein Verständnis ist folgendes: $(temp) ruft zuerst das td-Objekt ab, .parent() ruft das tr des td ab und verwendet dann die Methode „remove()“, um das tr

HTML-Code:

    <table>
            <tr>
       <td><a href=&#39;#&#39; onclick=&#39;removeTr(this)&#39;>123</a></td>
       <td><a href=&#39;#&#39; onclick=&#39;removeTr(this)&#39;>456</a></td>
            </tr>
   <tr>
       <td><a href=&#39;#&#39; onclick=&#39;removeTr(this)&#39;>aaa</a></td>
       <td><a href=&#39;#&#39; onclick=&#39;removeTr(this)&#39;>bbb</a></td>
   </tr>
        </table>

js-Code:

function removeTr(temp){
  $(temp).parent().parent().remove(); 
//必须保证已经引入了jQuery，此处$(temp)先获取到<a>对象，.parent()拿到<td>，再.parent()获取到tr
}

Empfohlenes Lernen: „

jquery-Video-Tutorial

“

Das obige ist der detaillierte Inhalt vonSo entfernen Sie tr in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!