Javascript JQuery获取第二个父级不起作用

我有这个HTML：

<li class="chatbox-item">
    <div class="item">
        <div class="item-header">
            <a href="#" class="close-chatbox">X</a>
        </div>
    </div>
</li>

单击

.close chatbox

元素时，如何使

.item

元素隐藏？

您可以使用

$(this).parent().parent().hide();

或者，您可以使用

.closest（“元素”）

在jquery中使用最接近的（）

$(this).closest('.item').hide();

---

不要将您的操作分配给var，只需使用它：

$(function () {
    $(".close-chatbox").click(function () {
        $(this).parent().parent().hide();
    });
});

---

jshiddle:

他尝试了

$（this.parent（）.parent（）.hide（）使用
.closest（“.item”）
也是我的建议。@JqueryKing，但他把它分配给了一个variable@JqueryKing他没有，他只是把它赋给一个变量，所以它从来没有在这个变量中执行过case@Magicprog.fr-“他没有，他只是把它给一个变量，所以在这种情况下它永远不会被执行”这是答案你确定这就是问题所在吗？hide将隐藏它，然后返回隐藏的元素，将其分配给变量不会阻止它工作。嗨，我在问题中添加了错误的代码。我已经有了
$（this.parent（）.parent（）.hide（），但不起作用。@erol\u-smsr您以前加载过jquery吗？@erol\u-smsr刚刚更新了我的答案，将事件添加到jquery文档速记中。也许它能解决你的问题。但是正如您所看到的，在JSFIDLE中，它可以与您发布的代码配合使用。控制台中是否有错误？控制台中也没有错误，非常奇怪，更新的答案也不起作用。您可以在
jsfiddle
中重现此错误吗？看起来错误要么无法重现，要么提供的代码不足以重现此处的问题（）是一个JSFIDLE，将问题中的确切代码复制到其中，以证明代码是有效的。
$(this).closest('.item').hide();

$(function () {
    $(".close-chatbox").click(function () {
        $(this).parent().parent().hide();
    });
});