JavaScript如何知道 父标签里有多少个子标签

JavaScript如何知道 父标签里有多少个子标签,第1张

<div id="test">

    <a></a>

    <a></a>

    <a></a>

</div>alert(documentgetElementById('test')getElementsByTagName('a')length);//3

documentgetElementById('test')获取id为test的div,为了获取方便,为div设置了一个id

getElementsByTagName('a')获取a标签,取出的是一个节点数组

获取结果的长度即为div下a标签的个数

貌似$("ul li a")这样写是不行的吧?

如下可以得到第一个li,在first变量里。

$("a")click(function(){

var first = $(this)parent()next()find("li")first();

})

jQuery 提供了 parent() 方法用以获取当前匹配元素集合中每个元素的父元素,例如:

$("span")parent(); // 获取所有span标签元素的父节点对象集合

$("selected")parent(); // 获取所有class位selected的元素的父节点对象集合

$(spanselected)parent(); // 获取class为selected的span标签元素的父节点对象集合

另外,注意与parents() 方法的区别——parents() 方法获取当前匹配元素集合中每个元素的祖先元素(祖先元素不仅包括父节点,还包括祖父、曾祖父等等)。

以上就是关于JavaScript如何知道 父标签里有多少个子标签全部的内容,包括:JavaScript如何知道 父标签里有多少个子标签、请问,如何获取元素父级的兄弟节点的某个标签、jquery 如何得到父节点对象等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9626925.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-30
下一篇2023-04-30

发表评论

登录后才能评论

评论列表(0条)

    保存