добавить имя класса на основе текстового содержимого, содержащегося в другом div

Question

Я хочу иметь возможность добавить первое слово из текста в div и сделать его частью класса другого div.

Первое слово из идентификатора "categoryname" должно быть первым словом в классе, добавленном к идентификатору "category_icon". Я также хочу убедиться, что это всегда строчные буквы. Спасибо

Пример:

<li id="categoryname">Softball Gifts</li>

$('#category_icon').addClass('***ADD-SOFTBALL-HERE***_category_icon');

Answer 1

Если вы на 100% уверены в содержании

(то есть внутри будет только текст), вы можете использовать его внутренний html и проанализировать его как простую строку:

var firstWord = $("#categoryname").html().split(" ")[0].toLowerCase();

$('#category_icon').addClass(firstWord + '_category_icon');