javascript - 由javascript函数生成的自动增量li标签

Question

我有这个解析 xml 文件的函数:

<ul id="flussi">    
    <script type="text/javascript">
xmlDoc=loadXMLDoc("FLUSSI.xml") // Path to the XML file;
var M = xmlDoc.getElementsByTagName("ROAD");
for (i=0;i<M.length;i++){

//document.write("<div id='id'>"+xmlDoc.getElementsByTagName("ID")[i].childNodes[0].nodeValue+"</div>");
document.write("<li>"+xmlDoc.getElementsByTagName("NAME")[i].childNodes[0].nodeValue+ "</li>");
document.write("<li>"+xmlDoc.getElementsByTagName("SIM")[i].childNodes[0].nodeValue+ "</li>");
document.write("<li>"+xmlDoc.getElementsByTagName("REAL")[i].childNodes[0].nodeValue+ "</li>");
document.write("<li>"+ xmlDoc.getElementsByTagName("DIFF")[i].childNodes[0].nodeValue+"--"+"</li>");

}
 </script>
</ul>

在 html 文件上写入如下值列表:

<li> Ponte_Nuovo_sx</li>
<li>87</li>
<li>72</li>
<li>15--</li>

现在我想自动增加 li 标签，但我仍然试图找到解决方案。
在 li 标签不是由函数生成的情况下，如果它们是静态的，我可以增加 li 标签。

我想得到的是(如果可能的话):

<li id=1> Ponte_Nuovo_sx </li>
<ii id=2> 87 </li>

等等。

Answer 1

// Have this run after it's been written to the document
$(function() {
    $('ul li').each(function() {
        $(this).attr('id', ($(this).index() + 1));
    });
});

请注意，这可能而且应该通过 php、python 或等效程序运行。

否则，您可以简单地处理增加的值并在 Anubhab 的回答中给出。