如何从每个列表项中获取字母

Question

我有这样的HTML：

<ol style="list-style: lower-alpha">
    <li>First Line</li>
    <li>Second Line</li>
    <li>Third Line</li>
</ol>

将导致：

a. First Line
b. Second Line
c. Third Line

点击a ........点击First Line，b时如何获得Second Line？

Answer 1

在这种情况下，您可以使用javascript方法fromCharCode：

$('li').each(function(i) {
    $(this).click(function() {
        var letter = String.fromCharCode(97 + i);
    });
});

97是字母a的字符代码，循环将自动增加，并为您提供下一个字母。

的 Working Demo

Answer 2

尝试this(DEMO)，

<强>概念

使用Index()获取点击的index的{​​{1}}。 请注意，li element是97字符的ascii code。假设您点击'a'，first li将返回index()。所以（97 + 0）= 97 ='a'。像这样它会显示所有其他元素的结果。

zero

Answer 3

$('li').each(function(i) {
    $(this).click(function() {
        var letter = String.fromCharCode(95 + i);
    });
});