根据另一个div中包含的文本内容添加类名

Question

我希望能够在div中添加文本中的第一个单词，并使其成为不同div的类的一部分。

来自id“categoryname”的第一个单词需要是添加到id“category_icon”的类中的第一个单词。我也想确保它始终是小写的。谢谢

示例：

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

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

Answer 1

如果你对＆lt; li＆gt;的内容（即里面只有文字）100％确定，你可以使用它的内部html并将其解析为一个简单的字符串：

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

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