JQuery 隐藏最接近的类名不起作用

Question

我正在尝试选择包含特定属性的元素的父级(具有特定的类名(。

以下是 HTML 文件的外观

<li class="parentClass...">
<div class="...">
<div class="...">
<div class="...">
<h3 class="...">
<a title="...">
<div class="...">
<a href="/user/userName"...></a>

这是我的 JQuery(在 JS 文件中(

$("a[href~='/user/userName']").closest("li[class^='parentClass']").hide()

因此，当我运行此操作时，没有任何反应。 如果我控制台.log((查询，它会打印出一个

[pevObject: r.fn.init(0)]

但是，如果我从 Chrome 中的控制台运行该命令 我收到一个错误：

Uncaught TypeError: $(...).closest(...).hide is not a function

为了节省一些时间，是的，当我删除hide((函数时，它确实会打印一个元素(我可以使用chrome手动隐藏(

编辑：修复了未命中匹配的报价

Answer 1

$('button').click(function(){
$("a[href~='/user/userName']").closest(".parentClass").toggle()
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li class="parentClass">
<div class="...">
<div class="...">
<div class="...">
<h3 class="...">
<a title="...">
<div class="...">
<a href="/user/userName">link</a>
</div>
</a>
</h3>
</div>
</div>
</div>
</li>
<button>Toggle</button>