尝试将 class 添加到 parent，共 parent

Question

我正在尝试将 class 添加到 parent 的 parent 或 link 的 parent，并且尝试了多种方法都没有成功。

以下是三个尝试。它应该在 a 的 href 的基础上添加一个 class 基于 parent 的 parent 所以我必须通过 [=27 引用它=] - 我也不知道每个 href 有多少 links:

$('a[href="http://localhost/?cat=2"]').parents(":eq(1)").addClass("social-line");
$('a[href="http://localhost/?cat=3"]').parents("ul:first").addClass("knowledge-line");
$('a[href="http://localhost/?cat=4"]').closest("ul").addClass("news-line");

<ul class="post-categories">
    <li>
       <a href="http://localhost/?cat=2" rel="category">Social</a>
    </li>
</ul>

Answer 1

它可以用普通的 JS 完成，根本不需要 jQuery。看看下面的例子：

document.querySelector('a[href="http://localhost/?cat=2"]').parentNode.parentNode.classList.add('social-line');

/* Just to demonstrate that it works */

.social-line:after {
  background-color: green;
  color: yellow;
  content: 'It works';
}

<ul class="post-categories">
  <li>
    <a href="http://localhost/?cat=2" rel="category">Social</a>
  </li>
</ul>

考虑到您（未）提供的信息量，我只能帮到您了。

尝试将 class 添加到 parent，共 parent

Trying to add class to parent of parent

html

javascript

jquery

parent

parent-child