Heim > Artikel > Web-Frontend > Die ungültige Lösung von jQuery zum Entfernen von tr (tr wird dynamisch hinzugefügt)_jquery
Als ich heute an einem Projekt arbeitete, stieß ich auf ein Problem, das darin bestand, einige tr zu entfernen (tr wurde 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, deshalb werde ich sie hier aufzeichnen.
$(temp).parent().remove(); //temp为td的id code class="js plain"> 我的理解是这样的:$(temp)先获取到该td对象,然后.parent()获取到td的tr,再remove()方法,删除tr。</code>
HTML-Code:
<table> <tr> <td><a href='#' onclick='removeTr(this)'>123</a></td> <td><a href='#' onclick='removeTr(this)'>456</a></td> </tr> <tr> <td><a href='#' onclick='removeTr(this)'>aaa</a></td> <td><a href='#' onclick='removeTr(this)'>bbb</a></td> </tr> ;/table>
JS-Code:
function removeTr(temp){ mp).parent().parent().remove(); //必须保证页面已经引入了jQuery才可以使用 //此处$(temp)先获取到<a>对象,.parent()拿到<td>,再.parent()获取到tr }