jQuery - 为每个父母单独选择子项

时间:2013-02-05 10:38:57

标签: javascript jquery jquery-selectors

请看一下这个例子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个元素。

由于

5 个答案:

答案 0 :(得分:0)

你必须分两步完成:

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

答案 1 :(得分:0)

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

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

答案 2 :(得分:0)

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

答案 3 :(得分:0)

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

试试这个

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

fiddle here

答案 4 :(得分:0)

我试过这个似乎有效:

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

但是,你需要每个......