1.首先,将XML文件加载到Jquery对象中:
$.get("example.xml", function(data) { var xmlDoc = $.parseXML(data); var $xml = $(xmlDoc); });
2.使用Jquery的find()方法来遍历XML文档中的元素和属性:
$xml.find("tagname");
其中,tagname为要查找的元素或属性的标签名。
3.使用Jquery的each()方法遍历选定的元素,并找到它们的文本节点:
$xml.find("tagname").each(function() { var text = $(this).text(); });
其中,$(this)表示当前遍历到的元素。使用text()方法可以获取该元素的文本内容。
4.将找到的文本节点用于其他用途,例如将其添加到HTML中:
$("#example").append(text);
注:在以上示例中,#example是HTML中的一个元素ID。
完整代码示例:
$.get("example.xml", function(data) { var xmlDoc = $.parseXML(data); var $xml = $(xmlDoc);
//遍历XML文档中的所有author元素 $xml.find("author").each(function() { var name = $(this).find("name").text(); var email = $(this).find("email").text(); var bio = $(this).find("bio").text();
//将找到的文本节点添加到HTML中
$("#authors-list").append("" + name + "
" + bio + "
");
}); });
上一篇:遍历XML DOM中的元素节点
下一篇:遍历XML并将文本保存为CSV