parents()加了参数和没加是一样的结果?

来源:6-4 jQuery遍历之parents()方法

洛洛

2017-08-20 16:21

$('.item-b').parents(":contains('B')").css('border', '2px solid blue')

这句代码会把所有元素框起来,但是如果把:contains('B')换成:last就只会框一个,有没有人知道为什么TT

写回答 关注

2回答

  • OwenSunO
    2017-08-20 17:30:09
    已采纳

    前面 $('.item-b').parents 就相当于获得了.item-b 的所有祖辈元素并形成一个集合,后面()中的参数相当于在这个集合里再做操作,你看,要是输入:contains('B')的话,因为这个集合里是没有它的,所以和(空)是一个效果【因为'.item-b'和:contains('B')代表的是一个节点0.0]】,如果换成 :last,就会得到集合里的最后一个值,并在它上面操作【框一个(是html?)】,你还可以试试 lt或者eq().

    洛洛

    嗷嗷嗷 谢谢 讲的很明白 懂乐~

    2017-08-23 13:59:25

    共 1 条回复 >

  • 辣条宝宝
    2017-08-20 17:31:52

    parents返回的是所有的祖先元素,:contains('B')选择的是包含制定文本的元素,即li,所以,从ul开始,所有的祖先元素都被加了边框,而:last选择了祖先元素里边的最后一个,所以就只有最后一个加了边框

    洛洛 回复辣条宝宝

    我也是初学~ 谢谢讲解^^

    2017-08-23 14:00:16

    共 2 条回复 >

jQuery基础(二)—DOM篇

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

114012 学习 · 590 问题

查看课程

相似问题