Задать класс на основе содержимого объекта
При выполнении одного из проектов столкнулся с нетривиальной задачкой, нужно было задать классы элементам получив их содержимое, для присвоения иконок в 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());
});