Heim > Web-Frontend > js-Tutorial > Die ungültige Lösung von jQuery zum Entfernen von tr (tr wird dynamisch hinzugefügt)_jquery

Die ungültige Lösung von jQuery zum Entfernen von tr (tr wird dynamisch hinzugefügt)_jquery

WBOY
Freigeben: 2016-05-16 16:35:53
Original
1480 Leute haben es durchsucht

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>
Nach dem Login kopieren

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>
Nach dem Login kopieren

JS-Code:

function removeTr(temp){ 
mp).parent().parent().remove(); //必须保证页面已经引入了jQuery才可以使用 
//此处$(temp)先获取到<a>对象,.parent()拿到<td>,再.parent()获取到tr 
}
Nach dem Login kopieren
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage