如何以递归方式为列表中的每个项目分配唯一ID? [英] How do I recursively assign each item in a list an unique ID?
本文介绍了如何以递归方式为列表中的每个项目分配唯一ID?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有以下列表。
<ol>
<li>
<a href="client.htm">Client</a>
<ol>
<li><a href="client/nokia.htm">Nokia</a></li>
<li><a href="client/microsoft.htm">Microsoft</a></li>
<li><a href="client/sony.htm">Sony</a></li>
<li><a href="client/samsung.htm">Samsung</a></li>
</ol>
</li>
<li><a href="contact.htm">Contact</a></li>
</ol>
我想转换成类似的东西。
That I would like to transform into something similar to this.
<ol>
<li>
<a id="sitemap-item-1" href="client.htm">Client</a>
<ol>
<li><a id="sitemap-item-1-1" href="client/nokia.htm">Nokia</a></li>
<li><a id="sitemap-item-1-2" href="client/microsoft.htm">Microsoft</a></li>
<li><a id="sitemap-item-1-3" href="client/sony.htm">Sony</a></li>
<li><a id="sitemap-item-1-4" href="client/samsung.htm">Samsung</a></li>
</ol>
</li>
<li><a id="sitemap-item-2" href="contact.htm">Contact</a></li>
</ol>
请注意,该ID基于列表中项目的级别。
Note, that the ID is based on an item's level within a list.
推荐答案
这样的工作原理:
$(document).ready(function(){
$("body > ol > li").each(function(idx){
$(this).find("> a").attr("id","sitemap-item-"+ ++idx);
$(this).find("> ol > li > a").each(function(idx2){
$(this).attr("id","sitemap-item-"+ idx + "-" + ++idx2);
});
});
});
这篇关于如何以递归方式为列表中的每个项目分配唯一ID?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文