0

我正在尝试选择几个 div 的第一个 div。

我有

<div class='parent'>
  <div class='child'>good</div>
  <div class='child'>bad</div>
  <div class='child'>nice</div>
  <div class='child'>fun</div>
</div>

<div class='parent'>
  <div class='child'>test</div>
  <div class='child'>dead</div>
  <div class='child'>fly</div>
  <div class='child'>pipe</div>
</div>

<div class='parent'>
  <div class='child'>weee</div>
  <div class='child'>jump</div>
  <div class='child'>run</div>
  <div class='child'>apple</div>
</div>

我想选择所有父 div 的第一个子 div

所以

 <div class='child'>good</div>
 <div class='child'>test</div>
 <div class='child'>weee</div>

将被选中

我试过了：

1 $('.parent .child').first().css('border-top','0'); //only select the first one

2 $('.parent).each(function(){
     $(this).css('border-top','0');//can't find the first child..
  })

有没有办法做到这一点？对不起，我的大脑现在炸了。谢谢！

4

5 回答 5

4

你要...

$(".parent .child:first-child")
于 2012-12-13T23:46:11.063 回答
1

好吧，如果你喜欢，你可以使用 jQuery：

$('.parent .child:first-child').css('border-top','0');

...但我认为常规的旧 CSS 可能是一个更好的主意：

.parent .child:first-child {
  border-top: 0;
{
于 2012-12-13T23:47:29.717 回答
0

您可以使用标准的 CSS nth-child 选择器：

$('.child:nth-child(1)')

这将选择每个具有类的元素，该元素child是其父级的第一个子级。

于 2012-12-13T23:47:33.890 回答
0

$(".parent .child:eq(0)")

在这里摆弄

于 2012-12-13T23:52:35.973 回答
0 
$('.parent :first-child').css('border-top','0');

http://jsfiddle.net/NMH3h/

于 2012-12-14T01:02:46.083 回答