jQuery获取xml所有子节点名称

最新推荐文章于 2023-01-05 19:19:28 发布

原创最新推荐文章于 2023-01-05 19:19:28 发布 · 634 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#乔乐共享 #jQuery #xml #element #ViewUI

本文介绍了一种使用JavaScript处理XML数据的方法，并通过遍历XML中的特定元素动态生成下拉选项，同时实现了当选项发生变化时展示所选项目的详细信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var xml = '<?xml version="1.0" encoding="utf-8" ?><BIRD><Result><name>American Wigeon</name><latin>Anas americana</latin><rare>1</rare><id>68</id><breed>0</breed><winter>0</winter></Result><Result><name>American Robin</name><latin>Turdus migratorius</latin><rare>1</rare><id>255</id><breed>0</breed><winter>0</winter></Result></BIRD>';

var $xml = $($.parseXML(xml));

$xml.find('Result').each(function() {
    var data={}
    $(this).children().each(function() {
        data[this.tagName]=$(this).text();
    })
    $('#test').data( data.id , data).append('<option value="'+data.id+'">'+data.name+'</option>');
});


$('#test').change(function(){
    var data=$(this).data( $(this).val());    
        alert('ID:'+data.id +', Name:'+ data.name);    
})