如何使用jquery删除td标记中的内容
提问于 2013-04-15 12:11:02
我有一个定义如下的表
<table>
<tr>
<td>
<input type='text' />
</td>
<td>
<button id ='first'>Button</button>
</td>
<td>
<input type='text' />
</td>
</tr>
$("#first").live('click',function(){
$(this).prev().remove();
$(this).remove();
});如何删除td中的前一个元素。但我不想删除td
回答 5
Stack Overflow用户
回答已采纳
发布于 2013-04-15 12:19:29
如果你想删除前一个TD的完整内容(而不是一个特定的输入元素)，这是可行的：
$(document).on("click", "#first", function() {
$(this).closest("td").prev().empty();
});Stack Overflow用户
发布于 2013-04-15 12:20:10
$(document).on("click", "#first", function() {
$(this).closest("td").prev().html("");
});这将删除先前td标记中的所有内容。
Stack Overflow用户
发布于 2013-04-15 12:14:35
您应该沿着DOM树向上直到父<td>，然后获取前一个<td>，在其中找到<input>并将其删除。您应该使用带有事件委派的on()，而不是过时的live()
$(document).on("click", "#first", function() {
$(this).closest("td").prev().find("input").remove();
});请注意，您可以使用#first的任何其他静态父元素来代替document。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16014830
复制相关文章
![axure 发布后隐藏顶部菜单 或展开顶部菜单[通俗易懂]](https://ask.qcloudimg.com/http-save/yehe-8223537/dee7c48c755b3e3dc8e57813dc733127.jpg)
点击加载更多
腾讯云开发者
