別の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

あなたは、あなたが、その内のhtmlを使用してそれを解析することができます（つまり、そこに内部のテキストのみになりますです）<李>のコンテンツ約100％確実な場合単純な文字列：

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

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