在Web端处理数据导出时，我们常常需要用jQuery把页面上的动态内容组织成一段XML。不同于普通HTML，XML对标签闭合和属性值更严格，而且很多时候业务要求每个生成的元素都携带一个唯一且递增的ID，例如id="node_1"、id="node_2"。借助jQuery的DOM操作函数，我们完全可以在内存中构造出规范的XML文档片段，而不必手动拼接易出错的文本。
为什么用jQuery生成XML比字符串拼接好
直接用能拼字符串的方式写XML，看似简单，但一旦标签名或属性值里出现特殊字符，整个报文就会非法。jQuery内部使用浏览器的DOM解析器，能够自动处理实体转义，保证生成的节点符合标准。同时，jQuery的链式调用让我们可以一边创建元素一边设置属性，代码可读性高。
另外一个关键点是递增ID的管理。如果靠全局变量在字符串里加数字，容易因为作用域或异步逻辑导致重复。把计数器封装在一个闭包或者jQuery的data缓存中，每次生成节点时取号，既清晰又不容易出错。后续若要把这些节点序列化，直接调用原生XMLSerializer即可。
基础实现：动态创建带递增ID的元素
下面示例展示如何用jQuery在内存中构建一个XML文档，并循环插入多个带递增ID的子元素。这里用一个自增变量模拟计数器，每次创建元素后追加到根节点。
// 创建XML文档及根元素
var xmlDoc = document.implementation.createDocument(null, 'root', null);
var $root = $(xmlDoc).find('root').length ? $(xmlDoc).find('root') : $(xmlDoc.documentElement);
// 计数器闭包，保证ID递增且唯一
var idCounter = (function () {
var count = 0;
return function () {
count = count + 1;
return 'node_' + count;
};
})();
// 模拟动态数据
var items = ['苹果', '香蕉', '橙子'];
$.each(items, function (index, value) {
// 创建XML元素，注意使用createElementNS避免命名空间问题
var el = xmlDoc.createElement('item');
var $el = $(el);
$el.attr('id', idCounter());
$el.text(value);
$root.append($el);
});
// 序列化查看结果
var serializer = new XMLSerializer();
console.log(serializer.serializeToString(xmlDoc));
上述代码运行后，控制台会输出类似<root><item id="node_1">苹果</item><item id="node_2">香蕉</item><item id="node_3">橙子</item></root>的结构。可以看到每个item都拿到了独立的递增ID。
这里使用document.implementation.createDocument来建立空白XML文档，而不是用jQuery直接解析HTML字符串，目的是避开HTML与XML规则差异。若用$('<root></root>')方式，jQuery会按HTML容错解析，可能改变标签大小写或自闭合写法，不适合严谨的XML场景。
结合jQuery的data缓存管理计数器
在较复杂的页面里，可能多个区域都要生成XML片段，此时把计数器挂在jQuery的data上会更方便。这样不需要额外全局变量，也能在不同函数间共享状态。
// 在容器元素上存放计数器
var $container = $('#xmlWorkspace').data('idSeq', 0);
function createXmlNode(doc, tagName, text) {
var seq = $container.data('idSeq') + 1;
$container.data('idSeq', seq);
var node = doc.createElement(tagName);
$(node).attr('id', 'elem_' + seq).text(text);
return node;
}
var doc = document.implementation.createDocument(null, 'data', null);
doc.documentElement.appendChild(createXmlNode(doc, 'row', '第一条'));
doc.documentElement.appendChild(createXmlNode(doc, 'row', '第二条'));
这种写法把递增逻辑收拢到单一函数内，外部只需关心业务数据。即使页面里有多处导出功能，只要各自绑定不同的jQuery对象作为计数器宿主，就不会互相干扰。
要注意的是，jQuery的data方法存的是JavaScript对象引用，刷新页面后自然清零。如果需求是跨页面保持序号，那就要借助localStorage或者后端下发起始值，前端只负责在拿到起始值后继续累加。
处理带命名空间的XML
某些接口要求XML携带命名空间，例如<ns:item>。这时不能再使用createElement，而要用createElementNS，并给jQuery操作的元素正确设置前缀。否则序列化后命名空间声明可能丢失，对方解析会报错。
var ns = 'http://ippipp.com/xmlns';
var doc = document.implementation.createDocument(ns, 'ns:root', null);
var counter = 0;
function addNamespacedItem(text) {
counter = counter + 1;
var el = doc.createElementNS(ns, 'ns:item');
$(el).attr('id', 'ns_node_' + counter).text(text);
doc.documentElement.appendChild(el);
}
addNamespacedItem('图书');
addNamespacedItem('文具');
var out = new XMLSerializer().serializeToString(doc);
console.log(out);
代码中createElementNS的第一个参数是命名空间URI，第二个是带前缀的标签名。jQuery的attr依然可以正常添加ID属性，因为属性本身不受命名空间前缀限制。最终序列化出来的内容会被解析器识别为合法命名空间文档。
如果后端对前缀有固定要求，记得URI必须和对方一致。前端随意改前缀字符没关系，但URI不匹配就会导致校验失败。动态生成时可以把URI配置在常量里，方便统一修改。
常见误区与避坑建议
有人习惯用jQuery的parseXML把字符串转成文档，再find改属性。但字符串里若已经写了ID，很难保证递增；而且大批量拼字符串性能差。更合理的路径是先用DOM API建空文档，再用jQuery做节点装配，既可控又高效。
还有一点，不要把jQuery选择器直接用在尚未插入页面的XML节点上然后指望继承HTML的上下文。XML文档是独立树，必须在对应document下操作。上面示例全部使用xmlDoc.createElement，就是为了避免跨文档节点错误。只要遵循文档归属原则，动态生成带递增ID的XML元素就会非常稳定。