上代码<script type="text/javascript"> $(document).ready(function(){
$.ajax({
url: 'ajax.xml',
type: 'GET',
dataType: 'xml',
timeout: 1000,
cache: false,
error: function (xml) {
alert('加载XML文档出错');
},
success: function (xml) { //建立一个代码片段
var frag = $("<ul/>"); //遍历所有student节点
$(xml).find("student").each(function (i) {
//获取id节点
var id = $(this).children("id"),
//获取节点文本
id_value = id.text(),
//获取student下的email属性。
email = $(this).attr("email"); //构造HTML字符串,通过append方法添加进之前建立代码片段
frag.append("<li>" + id_value + "-" + email + "</li>");
}); //最后得到的frag添加进HTML文档中
frag.appendTo("#load");
}
}); }); </script>XML:<?xml version="1.0" encoding="UTF-8"?>
<stulist>
<student email="[email protected]">
<name>zhangsan</name>
<id>1</id>
</student>
<student email="[email protected]">
<name>lisi</name>
<id>2</id>
</student>
</stulist>现在树可以简单生成了,我想问的是 怎么用 jquery 给 每个树的子节点动态的添加click事件 以便能在右边显示对应的内容?
$.ajax({
url: 'ajax.xml',
type: 'GET',
dataType: 'xml',
timeout: 1000,
cache: false,
error: function (xml) {
alert('加载XML文档出错');
},
success: function (xml) { //建立一个代码片段
var frag = $("<ul/>"); //遍历所有student节点
$(xml).find("student").each(function (i) {
//获取id节点
var id = $(this).children("id"),
//获取节点文本
id_value = id.text(),
//获取student下的email属性。
email = $(this).attr("email"); //构造HTML字符串,通过append方法添加进之前建立代码片段
frag.append("<li>" + id_value + "-" + email + "</li>");
}); //最后得到的frag添加进HTML文档中
frag.appendTo("#load");
}
}); }); </script>XML:<?xml version="1.0" encoding="UTF-8"?>
<stulist>
<student email="[email protected]">
<name>zhangsan</name>
<id>1</id>
</student>
<student email="[email protected]">
<name>lisi</name>
<id>2</id>
</student>
</stulist>现在树可以简单生成了,我想问的是 怎么用 jquery 给 每个树的子节点动态的添加click事件 以便能在右边显示对应的内容?
$(this).hover(function() {
$(this).addClass("bbit-tree-node-over"); //鼠标浮动节点的样式变化
}, function() {
$(this).removeClass("bbit-tree-node-over");
})
.click(nodeclick)现成的