Question

我有这个HTML：

    <div class="vt ddsitem">
        <a href="url"><img class="pt" id="xyz1" src="url"></a>
        <div>
            <img class="updown" src="images/updown.gif">
            <a href="url"><img class="bin" src="images/bin.gif"></a>
        </div>
    </div>
   <div class="vt ddsitem">
        <a href="url"><img class="pt" id="xyz2" src="url"></a>
        <div>
            <img class="updown" src="images/updown.gif">
            <a href="url"><img class="bin" src="images/bin.gif"></a>
        </div>
    </div>

我想删除图像xyz2中的vt ddsitem div。

尝试了很多事情，例如：

$('#xyz2').parent().parent().remove();

但他们都没有做到这一点。

任何人都有线索？

Answer 1

.closest()是一个很好的方法来做你想要的事情：

$('#xyz2').closest('.ddsitem').remove();

尽管如此，应该工作，如果它在document.ready处理程序中运行，就像这样：

$(function() {
  $('#xyz2').parent().parent().remove(); 
});

You can see it in action here，相同的document.ready包装器用于上面的.closest()方法...元素需要准备好并且在DOM之前我们可以使用选择器找到它们。< / p>

Answer 2

您的代码似乎没问题。

您使用的是任何jQuery插件吗？如果这样做，它必须包装div或转换代码。尝试使用Firebug查看发生的情况。

jQuery选择div的父级

2 个答案: