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>
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>
code js :
function removeTr(temp){ mp).parent().parent().remove(); //必须保证页面已经引入了jQuery才可以使用 //此处$(temp)先获取到<a>对象,.parent()拿到<td>,再.parent()获取到tr }