添加类并在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');