javascript - jQuery - 为每个父母分别选择孩子

Question

看看这个例子http://jsfiddle.net/hKASH/

    <div id="a">
    <div class="parent">
        <span>one</span>
        <span>two</span>
        <span>three</span>
    </div>
    <div class="parent">
        <span>one</span>
        <span>two</span>
    </div>
</div>

$('#a .parent').children().slice(1).css('float', 'right');

我想为每个父母分别选择孩子组，“一个”必须留在左边，其他人必须向右。

现在看起来我有包含 5 个元素的 children()，我想要 2 个包含 3 个和 2 个元素的组。

谢谢

Answer 1

您必须分两步完成：

$('#a .parent').each ( function () {
  $(this).children().slice(1).css('float', 'right');
} );

Answer 2

您必须为每个父元素执行此操作。

$('#a .parent').each(function (i, item) {
    $(this).children().slice(1).css('float', 'right');
});

Answer 3

var children;
$.each('.parent',function(i,v){children[i] = $(v).children('span')})

Answer 4

使用each()函数循环遍历每个父级

试试这个

 $('#a .parent').each(function(){
   $(this).children().slice(1).css('float', 'right');
 });

在这里摆弄

Answer 5

我试过这个，它似乎工作：

$('.parent').each(function(){
    $(this).find('span:first').css('float', 'right');
});

但是，是的，您将需要每个..