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

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

试试这个（DEMO），

概念：

使用Index()获取index点击的li element. 看，97是ascii code的字符'a'。说如果你点击了first li，index()就会返回zero。所以 (97+0) = 97 = 'a'。像这样它将显示所有其他元素的结果。

$(document).ready(function(){

    $("ol li").click(function(){ 

        alert(String.fromCharCode(97 + $(this).index()));

    });

});

Answer 3

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