只使用.text（）使用第一个单词

Question

我有一个subnav，我使用subnav中的文本来引用DIV元素的类。

某些subnav文本有空格，因此对于有空格的文本我只想使用第一个单词来引用DIV元素的类。

SCRIPT

$('li.' + $(this).text( function () {

if space

   take first letter only.toggle(true);

if no space

   do nothing.toggle(true);

});

HTML

<ul>
<li>all</li>
<li>men</li>
<li>women</li>
<li>sun protective clothing</li>
</ul>
<div class="men"></div>
<div class="women"></div>
<div class="sun"></div>

提前致谢！

Answer 1

使用javascript字符串拆分方法：http://www.w3schools.com/jsref/jsref_split.asp

var className = $(this).text().split(' ')[0];