根據另一個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

如果您對<李>的內容100％確定（即會有內部的純文本），您可以使用其內部的HTML和解析它作爲一個簡單的字符串：

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

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