如何获取一个div中的指定元素

如何获取一个div中的指定元素,第1张

获取制定元素方法有2种,分别是children()方法和find()方法。

1、children()方法:获取该元素下的直接子集元素

2、find()方法:获取该元素下的所有子集元素

分别以以下HTML代码为例:<ul><li>list1<ul><li>list1-1</li><li>list1-2</li></ul></li><li>list2<ul><li>list2-1</li><li>list2-2</li></ul></li><li>list3<ul><li>list3-1</li><li>list3-2</li></ul></li></ul>

children()方法获取ul下面直接子集元素li:$("ul")children("li")

需要注意的是,如果li元素下还有li元素,children方法将不会被获取。我们可以用length来测试获取的个数“$("ul")children("li")length”,最后输出结果为3

find()方法获取ul下所有元素li:$("ul")find("li")

需要注意的是,find方法会无限循环查找ul标签节点下的li,一直找到没有为止,用length来测试获取个数“$("ul")find("li")length”,最后输出结果为9

children和find的区别:children只会查找直接子集,而find会跨越层级查找,一直找到没有为止。

如果相对div中间的内容处理的更佳完备,我建议用jquery来处理,简单举个例子:$("div")text(); 获取中间的文本,不包括html标签;$("div")html(); 获取中间的所有内容,$("div:first")html(); 获取第一个DIV中间的所有内容等等,是不是觉得比单纯的javascript脚本更完善呢?

MSDN说明:XmlNode成员属性--ChildNodes---获取节点的所有子节点。

XmlNodeList[0]ChildNodes; //ChildNodes是Node子节点集合

XmlNodeList[0]ChildNodes[0]ChildNodes[0];//获取节点列表中第一个节点的第一个子节点的第一个子节点

请参考MSDN 的 XML命名空间资料

以上就是关于如何获取一个div中的指定元素全部的内容,包括:如何获取一个div中的指定元素、怎么获取div标签之间的内容、怎样获取xml中当前节点的直接孩子节点个数等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

    保存