javascript - 迭代 XML 节点并更改属性

Question

我有一个大的 xml 文件，其结构如下:

<items>
    <item>
        <a>id1</a>
        <b>foo</b>
        <c>1</c>
        <d>1</d>
        <e></e>
    </item>
    <item>
        <a>id2</a>
        <b>bar</b>
        <c>1</c>
        <d>1</d>
        <e>3</e>
    </item>
    <item>
        <a>id3</a>
        <b>fum</b>
        <c>1</c>
        <d>1</d>
        <e></e>
    </item>
</items>

我想将e 的值设置为一个取决于a 值的值。因此，如果 item 包含属性 a 的值 id1，则 e 应设置为 123 ，如果属性a是id2，则将其设置为456等。

使用脚本语言很容易。我在 Chrome 浏览器的开发工具中使用 JavaScript (jQuery) 进行了尝试，但我只能读取值而不能将它们写回。也许我只是太累了... 如果你们中的任何人都可以帮助我选择您选择的脚本语言(最好是您不必安装任何东西)，我将很高兴!

这是我迄今为止使用的小片段:

$($.parseXML(xml)).find('chests_costs').children().each(function(i, o) {
    if($(o).find('a').text() == 'id1') {
        $(o).find('a').text('123')
    }
});

Answer 1

您可以从 xml 文档中获取每个 a 元素和每个 e 元素，循环遍历所有 a 元素并使用 switch 语句 将 textContent 添加到 e 元素。

var str = "<items><item><a>id1</a><b>foo</b><c>1</c><d>1</d><e></e></item><item><a>id2</a><b>bar</b><c>1</c><d>1</d><e>3</e></item><item><a>id3</a><b>fum</b><c>1</c><d>1</d><e></e></item></items>";

var xmlDoc = $.parseXML(str);
var $xml = $(xmlDoc);
var $a = $xml.find('a');		// find all a elements
var $e = $xml.find('e');		// find all e elements

console.log("xml string before: " + str);

for (var i = 0; i < $a.length; i++) {
    switch ($a[i].textContent) {
     case "id1":
  	 $e[i].textContent = 123;
      break;
    case "id2":
    	$e[i].textContent = 456;
      break;
    default:
    	break;
  }
}

function xmlToString(xmlData) { 

    var xmlString;
    //IE
    if (window.ActiveXObject){
        xmlString = xmlData.xml;
    }
    // code for Mozilla, Firefox, Opera, etc.
    else{
        xmlString = (new XMLSerializer()).serializeToString(xmlData);
    }
    return xmlString;
}

console.log("xml string after: " + xmlToString(xmlDoc));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

将 xml 转换为字符串以便在控制台中查看。从 here 获取该函数。