Как получить маркер/метку элемента списка (<li>), объявленный в стиле списка?

Предположим, у меня есть список вроде этого:

<ul style="list-style-type: upper-latin;">
  <li>Lorem</li>
  <li>Ipsum</li>
</ul>

(list-style-type может быть что угодно - верхний римский, катакана, нижнегреческий)

list-style-type: upper-latin; будет помещать букву алфавита (начиная с буквы A) перед каждым элементом списка. Есть ли способ получить это письмо для любого элемента списка? Возможно, я могу перебрать список, используя jQuery .index() или аналогичный.

Или, может быть, есть способ извлечь маркеры из стиля?

Ответ здесь работает только для латинских алфавитных списков.

Ответы

Ответ 1

Есть ли способ получить это письмо для любого элемента списка?

Да. Вы можете прочитать list-style-type и генерировать символы, которые отображаются для каждого типа стиля. Какой символ отображается для определенного номера элемента и типа стиля, может отличаться в разных браузерах.

Или, может быть, есть способ извлечь маркеры из стиля?

Нет. (По крайней мере, в настоящее время)

Некоторые полезные материалы для написания генератора:

Кроме того, многие стили списка представляют собой прописные версии других стилей списка. Может быть хорошо знать, что myString.toUpperCase() работает и с символами юникода.:)