Situation: Non-technical users using WordPress to update a blog. List elements have special formatting where before it needed a class added and div wrapped around the text of each LI.

Solution

Use jQuery to match every li element in a post and wrapInner the div dynamically, therefore all the user needs to do is create the ordered or unordered list using the WordPress TinyMCE toolbar, they don’t have to think about editing HTML and adding classes and div’s.

Code Example: