正文
jquery在节点前添加，jquery添加元素节点
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
JQuery如何为XML对象添加节点
$(function() {
//定义一个xml对象
var x = $("xmlitemscenter //items/xml");
//在 center节点的结尾添加一个 bottom节点 ，然后在center节点的开头添加一个top节点
x.find("center").appendXml("bottom /").prependXml("top /");
//在 center节点的后面添加一个after节点，然后在center节点的前面添加一个before节点
x.find("center").afterXml("after /").beforeXml("before /");
alert(x.xml());
});
(function($) {
function mnpXml(opCode, xmlStr) {
return this.each(function() {
if (typeof xmlStr != "string") return;
if (!jQuery.isXMLDoc(this)) return;
var node = $.parseXml(xmlStr).firstChild.cloneNode(true);
switch (opCode) {
case "append":
this.appendChild(node);
break;
case "prepend":
if (this.childNodes.length 0)
this.insertBefore(node, this.firstChild);
else
this.appendChild(node);
break;
case "after":
if (this.nextSibling)
this.parentNode.insertBefore(node, this.nextSibling);
else
this.parentNode.appendChild(node);
break;
case "before":
this.parentNode.insertBefore(node, this);
break;
}
});
}
$.fn.extend({
appendXml: function(s) {
return mnpXml.call(this, "append", s);
},
prependXml: function(s) {
return mnpXml.call(this, "prepend", s);
},
afterXml: function(s) {
return mnpXml.call(this, "after", s);
},
beforeXml: function(s) {
return mnpXml.call(this, "before", s);
},
xml: function() {
var elem = this[0];
return elem.xml || (new XMLSerializer()).serializeToString(elem);
},
innerXml: function() {
var s = this.xml();
var i = s.indexOf(""), j = s.lastIndexOf("");
if (j i)
return s.substring(i + 1, j);
else
return "";
}
});
$.extend(jQuery, {
parseXml: function(xmlStr) {
if (window.ActiveXObject) {
var xd = new ActiveXObject("Microsoft.XMLDOM");
xd.async = false;
xd.loadXML(xmlStr);
return xd;
}
else if (typeof DOMParser != "undefined") {
var xd = new DOMParser().parseFromString(xmlStr, "text/xml");
return xd;
}
else return null;
},
toXml: function(obj, nodeName, useAttr) {
var x = $($.parseXml("" + nodeName + " /"));
var n = x.find(":first");
for (var p in obj) {
if (useAttr)
n.attr(p, obj[p]);
else
n.appendXml("" + p + " /").find(p).text(obj[p]);
}
return x[0];
}
});
})(jQuery);
相关问答
Q1: JQuery如何给一节点添加父节点
用jquery的wrap方法，例如
input id="myIpt"
script
$("#myIpt").wrap("div/div");
/script
参数：是一个html标签，你也可以在标签里加其他属性，例如
input id="myIpt"
script
$("#myIpt").wrap("div style='border:1px solid #000'/div");
/script
Q2: jquery 添加节点的几种方法
titlejQuery插入,复制、替换和删除节点/title
script type="text/javascript" src="jquery-1.3.2.js"/script
script type="text/javascript"
$(document).ready(function(){//几种添加节点的方法//$("p").append("b你好吗？/b");//向p元素中追加《b》//$("b你好吗？/b").appendTo("p");//将《b》追加到p元素中//$("p").prepend("b你好吗？/b");//向p中前置《b》//$("b你好吗？/b").prependTo("p");//将《b》前置到p元素中//$("p").after("b你好吗？/b");//向p元素后插入《b》//$("b你好吗？/b").insertAfter("p");//将《b》插入到p元素后边//$("p").before("b你好吗？/b");//在p元素之前添加《b》//$("b你好吗？/b").insertBefore("p");//将《b》插入到p元素前面//几种删除节点的方法//var $li=$("ul li:eq(1)").remove();//删除ul节点中第2个元素节点//$("ul").append($li);//把刚删除的元素节点从新添加到ul元素中去//$("ul li").remove("li[title!=菠萝]");//将ul元素下title属性不等于"菠萝"的li元素删除//$("ul li:eq(1)").empty();//清空ul节点下第2个li元素的内容//复制节点/*$("ul li").click(function(){
$(this).clone(true).appendTo("ul");//复制当前点击的节点，并将它追加到《ul》元素中，当添加参数时复制它的事件});*///替换节点//$("p").replaceWith("strong你最不喜欢的水果是？/Strong");});/script/headbodyp你好！/p
你最喜欢的水果是？ulli title="苹果"苹果/li
关于jquery在节点前添加和jquery添加元素节点的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。
