Sver Sver - 1 month ago 11
Javascript Question

How to get list item (<li>) marker/label declared in list-style-type?

Lets say I have a list like this:

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


(
list-style-type
might be anything - upper-roman, katakana, lower-greek)

list-style-type: upper-latin;
will put a alphabet letter (starting from A) in front of every list item.
Is there a way to get this letter for any given list item? I can probably iterate over list using jQuery
.index()
or similar.

Or, maybe there is way to extract markers from style?

The answer here works only for Latin alphabet lists.

Jan Jan
Answer

Is there a way to get this letter for any given list item?

Yes. You can read the list-style-type and generate what characters are showing for each style type. Which character is shown for a specific item number and style type could vary across browsers though.

Or, maybe there is way to extract markers from style?

No. (At least not currently)

Some useful stuff for writing a generator:

Also, many of the list-styles are uppercase versions of other list styles. Could be good to know then that myString.toUpperCase() works on unicode characters as well. :)