`

jQuery获取xml所有子节点名称

阅读更多
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);    
})

 

分享到:
评论

相关推荐

    jquery解析XML及获取XML节点名称的实现代码

    在JavaScript和jQuery中,处理XML数据是常见的任务,特别是在与服务器进行异步通信(如AJAX)时。...这个例子展示了如何在jQuery中解析XML并获取节点名称,对于需要处理XML数据的开发者来说,是非常实用的技巧。

    jQuery实现遍历XML节点和属性的方法示例

    通过使用.find('*:first')选择器找到XML中的顶级节点,并通过.children()方法获取该节点的所有子节点。然后,使用递归函数fn()来处理每个子节点,递归地遍历每个节点及其属性。 需要注意的是,虽然jQuery提供了很多...

    一个很简单的jquery+xml+ajax的无刷新树结构(无css,后台是c#)

    此段代码实现了将指定父节点的所有子节点转换为XML,并将其发送给前端的过程。 - **parentId**:表示当前请求获取的子节点的父节点ID。 - **XElement** 和 **XmlDocument**:分别用于创建和操作XML文档。 - **...

    jquery读取xml文件实现省市县三级联动的方法

    本文详细介绍了如何使用jQuery读取XML文件来实现省市县三级联动的示例。这个功能在网页开发中非常实用,可以帮助用户在选择一个省份后自动加载该省份下的所有城市,再选择一个城市后自动加载该城市下的所有区域。 ...

    jquery解析XML字符串和XML文件的方法说明

    // 替换"节点"为实际的子节点名称 }); }); }); ``` 在这个例子中,`$.get()`函数接收两个参数:XML文件的URL和一个回调函数。当文件加载完成后,回调函数会被调用,传入解析后的XML文档作为参数。`find()`方法...

    ajax读取xml动态生成树

    在网页开发中,"Ajax(异步JavaScript和XML)读取XML动态生成树"是一种常见的交互式数据展示技术。这个过程通常涉及到前端JavaScript库或框架,如jQuery、Vue.js或React,通过Ajax请求获取服务器上的XML数据,然后...

    jquery ztree 从后台action加载树节点

    在Struts配置文件中设置结果类型为`json`,并将根节点名称设置为`list`: ```xml &lt;param name="root"&gt;list ``` **第四步:定义ZTree的配置对象** ```javascript var setting = { data: { simpleData: { ...

    jquery树形菜单设计器

    5. **异步加载**:对于大数据量的树,可以采用异步加载方式,只在需要时加载子节点,提高页面性能。 6. **可扩展性**:允许添加自定义的插件功能,满足特定的业务需求。 **设计.xls** 在项目中,`设计.xls`可能是...

    Javascript 操作XML类

    - `getNodeslength`:获取节点下子节点的数量。 - `getNode`:获取指定的节点。 - `delNode`:删除指定的节点。 - `getNodeAttrib`:获取节点的指定属性值。 - `InsertBeforeChild`:在指定节点之前插入新节点...

    treetable + ajax 后台取数据的完整实现

    使用SQL查询语句,我们可以获取到指定父节点的所有子节点,并将结果转换成JSON格式。 返回到前端,Ajax的回调函数会接收到后台返回的JSON数据。这些数据包含了子节点的信息,如ID、名称、以及是否还有下级节点等。...

    jqueryTreeTable+ajax(构建树形表格)

    4. **懒加载**:仅在节点被展开时才加载其子节点,减少初次加载时的数据量。 通过以上步骤,我们可以构建出一个交互性强、响应速度快的树形表格。在实际项目中,还可以根据需求进一步定制样式、添加更多交互效果,...

    通过AJAX的JS、JQuery两种方式解析XML示例介绍

    5. 同样地,遍历"ORDER"节点下的"PRODUCT"子节点,解析产品信息如产品ID、名称、URL、价格和数量,并将这些信息显示在对应的表格行中。 6. 对于每个产品项,可以增加操作按钮用于更新商品数量。 ### 代码注释 - `$...

    SSH+Jquery+ajx TreeView源码

    当用户展开或点击树形菜单的某个节点时,jQuery会发起Ajax请求,服务器根据请求返回相应的子节点信息,然后在客户端动态更新TreeView,显示新的子节点。 具体到源码,可能包括以下部分: 1. **前端部分**:使用...

    左侧树形菜单(xml)

    1. **加载XML**:使用`XMLHttpRequest`或`fetch` API读取XML文件。 2. **解析XML**:使用`DOMParser`或jQuery的`parseXML()`函数将XML字符串转换为DOM对象。 3. **遍历XML节点**:根据DOM对象的结构,遍历每个菜单和...

    使用Jquery,Ajax+Struts+Spring+Ibatis写的一个无限级树,供大家参考一下

    在无限级树的实现中,iBatis可能用于编写查询子节点的SQL语句,根据父节点ID获取其子节点列表。这些SQL语句会被映射到Java接口方法上,由Spring的Data Access/ORM模块调用。 在实际项目中,这个无限级树的实现可能...

    JavaScript XML操作 封装类

    `getNodeValue`调用`getValue`,传入整个XML文档和节点名称。`getValue`函数则通过遍历子节点,找到指定名称的节点,并返回其内容。如果节点有子节点,则递归处理;如果没有子节点,返回文本内容。 4. **XMLHTTP...

    jQuery+AJAX+JSON

    1. **选择器查找节点**:使用 jQuery 提供的选择器找到需要操作的 DOM 元素。 2. **调用 jQuery 方法**:对找到的元素执行所需的操作,如修改内容、添加样式等。 #### 二、jQuery 对象与 DOM 对象之间的转换 **2.1...

    jquery帮助文档,让你很快了解

    - **说明**:此函数用于指定一个具体的 DOM 元素作为 jQuery 对象的操作目标,可以是 HTML 元素、XML 节点或 Window 对象。 - **参数**: - `elem`:DOM 元素、XML 节点或 Window 对象。 - **例子**: ```...

    Jquery动态生成树形列表[收集].pdf

    - **事件绑定**:为每个`&lt;span&gt;`元素绑定了点击事件,但具体的处理逻辑(如展开/折叠子节点,或者加载更多数据等)没有在示例中给出,这部分需要根据实际需求实现。 总结起来,使用jQuery动态生成树形列表主要涉及...

    asp.net无限极树的测试

    数据源中的每个节点对应TreeView的一个TreeNode对象,节点的子节点可以通过递归的方式生成。 2. **无限极树的构建** - 数据模型:定义一个表示树节点的数据类,包含ID、父ID、名称等属性。 - 数据获取:通过...

Global site tag (gtag.js) - Google Analytics