Lab / jquery

Задать класс на основе содержимого объекта

При выполнении одного из проектов столкнулся с нетривиальной задачкой, нужно было задать классы элементам получив их содержимое, для присвоения иконок в CSS. Решение может показаться странным, но только так допотопная клиентская CMS могла вывести нужные мне данные.

Итак дано:

<div class="optns">
 <ul>
 <li>opt01</li>
 <li>opt04</li>
 <li>opt06</li>
 <li>opt07</li>
 <li>opt10</li>
 <li>opt16</li>
 <li>opt17</li>
 </ul>
</div>

Решение конечно же нашлось на любимом jQuery

$('.optns li').each(function() {
 var $el = $(this); // экономим на спичках
 $el.addClass($el.text());
});