Maison > interface Web > js tutoriel > Solution invalide de jQuery pour supprimer tr (tr est ajouté dynamiquement)_jquery

Solution invalide de jQuery pour supprimer tr (tr est ajouté dynamiquement)_jquery

WBOY
Libérer: 2016-05-16 16:35:53
original
1488 Les gens l'ont consulté

Quand je travaillais sur un projet aujourd'hui, j'ai rencontré un problème qui consistait à supprimer certains tr (tr a été ajouté dynamiquement). J'ai essayé de nombreuses méthodes, mais aucune ne fonctionne (par exemple, dans la méthode deleteRow, il semble que le paramètre passé ne puisse être que le nombre de lignes de tr. Je ne l'ai pas étudié attentivement jusqu'à présent). Plus tard, j'ai découvert que cette méthode fonctionnait bien, je vais donc l'enregistrer ici.

$(temp).parent().remove(); //temp为td的id 
code class="js plain"> 我的理解是这样的:$(temp)先获取到该td对象,然后.parent()获取到td的tr,再remove()方法,删除tr。</code>
Copier après la connexion

code html :

<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>
Copier après la connexion

code js :

function removeTr(temp){ 
mp).parent().parent().remove(); //必须保证页面已经引入了jQuery才可以使用 
//此处$(temp)先获取到<a>对象,.parent()拿到<td>,再.parent()获取到tr 
}
Copier après la connexion
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal