Question

我有一些这样的。

<script src="http://code.jquery.com/jquery-latest.js"></script>
<table>
<tr title="test" id="ex1">
    <td><div class="move">Hello</div></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
</tr>
<tr id="ex2">   
    <td><div class="move">Hello</div></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
</tr>       
</table>

<button>Move</button>
<script>
$("button").click(function () {
    $(".move").remove();   
    });
</script>

如果按下按钮，两个div都会移动。但根据它所提出的内容，我只需要移动一个。

我只有错误的想法：

$(".move").parent.parent.attr('id', 'ex2').remove();

非常感谢你！

Answer 1

你可以简化这个。

$('.move').parents('tr').remove();

这将找到距离<tr>最近的父母，并将其删除。

...的等待。所以你想点击一个按钮，然后只删除那个具有该特定ID的div？

在这种情况下，只需使用

$('.move').parents('#ex2').remove();

Answer 2

那将是

$("#ex2 .move").remove();

简单的雅？请记住，jQuery选择器与CSS选择器相同。

Answer 3

试试这个： - jsFiffle

$(".move", "#ex2").remove();

这样做是在id为move的元素的所有子元素（上下文）中选择css类为ex2的元素，然后将其删除。

通过jQuery(selector, context)语法 - http://api.jquery.com/jQuery/

获取更多信息

Answer 4

您可以使用更具体的选择器：http://jsfiddle.net/rWDnM/2/

<table>
<tr title="test" id="ex1">
    <td><div class="move">Hello</div></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
</tr>
<tr id="ex2">   
    <td><div class="move">Hello2</div></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
</tr>       
</table>

<button id="button1">Move</button>
<button id="button2">Move 2</button>
<script>
$("#button1").click(function () {
    $("#ex1 .move").remove();   
});

$("#button2").click(function () {
    $("#ex2 .move").remove();   
});
</script>

如何构建jQuery删除

4 个答案: