jQuery技术:如何在jQuery中遍历DOM对象？-计算机技术网

jQuery技术:如何在jQuery中遍历DOM对象？

2020年12月21日下午6:22 • JQuery使用教程 • 阅读 0

我有像这样的HTML。如何使用jQuery遍历标签？

条件：

例如：

     hello 
 123 
 paragraphs 
 escapes

对我来说，唯一的选择是使用标签进行遍历，那么如何在之后遍历并获取下一个数据。

我试过像这样得到HTML ，但无法循环使用。

 var html=$(body).html();

我需要的输出：
“越狱”

你能帮助我遍历标签吗？

您正在寻找的文本不在他们自己的标签内。它们被称为文本节点，而jQuery没有一种简单的方法来获取它们。但是你可以在你的jquery中使用一些原始的JavaScript来实现。

在这个例子中，脚本抓取outer-div中的所有文本节点（ contents()抓取每个类型的子节点，然后filter nodeType==3抓取文本节点），并循环遍历它们，提醒每个：

 $('body > div').contents().filter(function() { return this.nodeType == 3; }) .each(function(){ alert($(this).text());} );

您将看到它在段落之前和最后一个换行符之后（在第一个和最后一个文本节点的警报为空）中找到了外部div中的空格，但是也找到了它之间的每一段文本。 s

请尝试以下方法：

 $('br').each(function(){ console.log($(this).val()); });

有关详细信息，请查看以下链接： http ： //api.jquery.com/jquery.each/

希望能帮助到你。

以上就是jQuery教程分享如何在jQuery中遍历DOM对象？相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。

本文来自网络收集，不代表计算机技术网立场，如涉及侵权请联系管理员删除。

ctvol管理联系方式QQ:251552304

本文章地址：https://www.ctvol.com/jquerytutorial/532558.html

jQuery技术:如何在jQuery中遍历DOM对象？