javascript - 可以使用 JavaScript 获取列表项 (<li>) 标签吗？

Question

如果我有一个包含 3 个项目的 ul 并且 list-style-type 设置为 lower-alpha，我最终得到了这个

a. Item 1

b. Item 2

c. Item 3

使用 jQuery，我可以轻松获取您单击的任何项目的值 - 如果我单击第一个项目，则为“项目 1”。但是我可以获得列表项标签吗？在这种情况下a?

Answer 1

不确定 DOM API 是否暴露了这一点，但你可以这样做......

$('ul').on('click', 'li', function() {
    var label = String.fromCharCode(97 + $(this).index());
});

jsFiddle

...如果您有 26 岁以下 元素。如果您有更多，则需要使用更复杂的算法，通常称为 Excel 行到列 算法。

$('ul').on('click', 'li', function() {
  var index = $(this).index() + 1;
  var label = '';
  var mod;

  while (index) {
    mod = (index - 1) % 26;
    label = String.fromCharCode(97 + mod) + label;
    index = Math.floor((index - mod) / 26);
  }
});

jsFiddle