jquery - 在 div 之前添加类并插入

Question

我希望能够将类添加"wp"到我的类之前的每个锚标记"sub-menu dropdown-menu"。我该怎么做呢？

我当前的 HTML：

  <a href="google.com">one</a>

  <ul class="sub-menu dropdown-menu">
   <li id="menu-item-5">
    <a href="">five</a>
  </li>
  </ul>

  <a href="google.com">one</a>
  <ul class="sub-menu dropdown-menu">
    <li id="menu-item-5">
      <a href="">five</a>
    </li>
  </ul>

期望的输出

 <a href="google.com" class="wp">one</a>

 <a href="google.com" class="wp">one</a>

Answer 1

你可以使用.prev方法。

.prev('a')仅在找到选择器的前一个直接兄弟时才找到它。

$('.sub-menu.dropdown-menu').prev('a').addClass('wp');

检查小提琴

为了让它更好地工作，你也可以试试这个

$('.sub-menu.dropdown-menu').prevAll('a').first().addClass('wp');