如何在jQuery中将类应用于兄弟姐妹？

Question

好的,我有这个代码:

<li>
  <a href="#step-2" class="step-3-link selected">
    <span class="stepNumber">2</span>
  </a>
  <br />
  <br />
  <span class="sn2">Home Page Banner</span>
</li>

我需要做的是,如果'li a'选择了类,在这种情况下是step-3-link,那么类'sn2'的范围应该添加一个类'selected-span'.

我之前尝试过的代码如下:

$('.swMain ul.anchor li a.selected').siblings('span').addClass('selected-span');

我尝试过.siblings,.find,.parent等等但没有成功.请指导我一样.

Answer 1

你只能使用CSS 2.1的一般兄弟选择器而不是JS.

因此,不是添加另一个被调用的类selected-span,而是将所需的设置放在以下块中:

.step-3-link.selected ~ span.sn2 {
    /* enter custom settings here */
}

一般兄弟选择器

〜组合器分离两个选择器,并且仅当第二个元素前面有第一个元素时才匹配第二个元素,并且它们共享一个公共父元素.