添加列表项字母分隔符

Add list items letter separator

本文关键字：分隔符 列表 添加      更新时间：2023-09-26

我有一个'asc'列表，我想添加一个字母，所以它看起来像这样:

<li><a href="#">Abram</a></li>
<li><a href="#">Amanda</a></li>
<li><a href="#">Bernard</a></li>
<li><a href="#">Fox</a></li>


<div>A:</div>
<li><a href="#">Abram</a></li>
<li><a href="#">Amanda</a></li>
<div>B:</div>
<li><a href="#">Bernard</a></li>
<div>F:</div>
<li><a href="#">Fox</a></li>

任何想法?

由于您使用的是jquery，您可以这样做:

var currentLetter, prevLetter = null;
$("li").each(function() {
    currentLetter = $(this).find("a").text()[0];
    if (currentLetter != prevLetter) 
    {
        $("<div>").text(currentLetter).insertBefore($(this));
    }
    prevLetter = currentLetter;
});
http://jsfiddle.net/Uw9L4/

虽然从技术上讲你不应该把div放在ul里面(即使它完全渲染得很好)。我将使用插入li而不使用锚来维持语义。

相关文章：