求解,纠结中

来源:6-8 jQuery遍历之siblings()

eureka_

2016-04-24 00:07

$('.item-2').siblings(':last').css('border', '2px solid blue').为什么只在最后一个div中的最后一个兄弟节点加上了边框,应该是所有div中的最后一个兄弟都加上边框, $('.item-2:last').siblings().css('border', '2px solid blue'),这个应该是在最后一个div中查找所有兄弟节点啊,求解

写回答 关注

12回答

  • qq_像苏_03760108
    2016-09-28 17:27:48

    $('.item-2:last').siblings().css('border', '2px solid blue')   如果这样写你看看明白吗,一开始我也弄混淆了

  • _xz
    2016-09-16 16:58:41

    $('.item-2').siblings()首先是获得除了class为item-2全部的li 然后sibling相当于获取了一个li组成数组 再选择数组中的最后一个 那就是class为item-3的最后一个li

  • NinaMonkey
    2016-07-28 17:27:49

    $('.item-2').siblings(':eq(1),:eq(3),:eq(5)').css('border', '2px solid blue');
    这样写,就达到你想要的效果了,看到序号了吗?所有的除了class=“item-2”兄弟节点,序号从0开始排序。

  • 飞过那座山
    2016-07-27 23:43:44

    :last的意思就是最后一个(【集合的最后一个】)!!!!

  • yemaa
    2016-07-27 16:06:03

    siblings(':last')中“:”前代表当前这个选中的“item-2”这个类,相当this,后面代表“item-2”这个类的兄弟

  • weibo_大鱼饼__03255435
    2016-07-20 15:41:24

    把所有节点放到一个集合里面了。 你试下 这样写  $('.item-2').siblings(':eq(1)').css('border', '2px solid blue') 你就懂了

  • 子涵_program
    2016-07-11 19:40:06

    最后一组的1和3。打错字

  • 子涵_program
    2016-07-11 19:36:38

    :last选择器得到的只能是唯一的一个元素,虽然sibilings()方法看上去得到的是最后一个几个的1和3。但是:last只能取一个元素,所以在1和3之间3才是最后一个元素,因此只去3。

  • karasu丶
    2016-07-07 18:13:56

    .siblings()得出来的是一个集合,筛选出来的兄弟元素按照0,1,2,3,4...来排列。而不是按照0【div1中所有.item-2的兄弟】,1【div2中所有.item-2的兄弟】来排列。

    你用筛选器.siblings(':eq(0)'),.siblings(':eq(1)')....这样试过去就明白的了。

    qiange...

    一下子就明白了,谢谢

    2016-09-19 16:31:26

    共 1 条回复 >

  • 大大大大雄
    2016-06-26 11:46:38

    dui  集合的思想

  • 慕神3006938
    2016-06-24 10:48:13

    我也有过一样的理解误区,不过后来自己想想明白了,siblings()匹配的是所有兄弟元素,如果说选中的元素只有第一个盒子有的话就是匹配第一个盒子里的兄弟元素的最后一个,而只个例子是被选中元素在三个盒子里都有,所以就会把三个盒子的所有兄弟元素变成一个集合,在按照盒子的前后顺序排列,所以最后一个盒子的最后一个也就是集合的最后一个。说的有点乱,你明白了吗?

    eureka...

    谢谢啦

    2016-10-09 21:04:22

    共 1 条回复 >

  • weibo_最近蚊子有点多_03164394
    2016-04-24 10:48:07

    :last选择一个过滤和匹配当前jQuery集合在它的最后一个单独的元素。所以就只有一个咯

    eureka...

    不明白

    2016-04-24 13:11:42

    共 1 条回复 >

jQuery基础(二)—DOM篇

jQuery第二阶段开启DOM修炼,了解创建、插入、删除与替换

114014 学习 · 590 问题

查看课程

相似问题