jquery - 选择除第一个元素之外的所有子元素

Question

我需要选择除第一个元素之外的元素的所有子元素。我正在使用 drupal 和 colorbox 模块，我无法单独向第一个元素添加唯一类或 ID。

<span> 
<span> 
<a> </a> <a> <img> </a>
<a> <img> </a>
<a> <img> </a>
</span> 
</span>

我有那个结构并且可以有更多<a> <img> </a>但你明白了。

简而言之。我需要选择 a 标签内的所有图像标签 <a> <img> </a>所以我可以对它们应用 CSS 规则，而不影响第一个 <a>标签。也许有一个 Jquery 解决方案？谢谢

Answer 1

使用 :not(:first-child) 排除第一个链接

.myClass img {
  content: url('http://kenwheeler.github.io/slick/img/lazyfonz2.png');
}

.myClass a:not(:first-child) img {
  content: url('http://kenwheeler.github.io/slick/img/lazyfonz3.png');
}

<span> 
<span class="myClass"> 
<a> <img> </a>
<a> <img> </a>
<a> <img> </a>
</span> 
</span>

在 jquery 中基本相同。

$('a:not(:first-child)').css('background','red');

a {
  height: 1em;
  width: 1em;
  background: black;
  display: inline-block;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span> 
<span> 
<a> <img> </a>
<a> <img> </a>
<a> <img> </a>
</span> 
</span>