标签：jquery-selectors html-lists javascript jquery

我有这样的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,单击第二行时如何获得b ……..？

解决方法:

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

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

97是字母a的字符,循环将自动增加并为您提供下一个字母.

Working Demo

标签：jquery-selectors,html-lists,javascript,jquery
来源： https://codeday.me/bug/20191031/1972418.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。