Select 除第一个元素外的所有子元素

Question

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

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

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

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

Answer 1

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

.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>

Answer 2

你可以使用这个$("span>a").not(":eq(0)")

$("span>a").not(":eq(0)").css('background','red');

.myClass a {
  width: 100px; height: 100px;
  background: black;
  display: block;
}
.myClass a:not(:first-child) {
  background: red;
}

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

Select 除第一个元素外的所有子元素

Select all children except first one of element

jquery

html

css

drupal-7

colorbox