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()

所以当我跑步时，没有任何事情发生。如果我在console.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>

JQuery隐藏最近，类名不起作用

1 个答案: