如何从类=“class1 abc”获取拳头类名称获取'class1'

Question

我的李的名字多于一个，

所以我想得到一流的名字

  For Example

<li class="class1 smfont">1<li>
<li class="class2 smfont">2<li>
<li class="class3 smfont">3<li>
<li class="class5 smfont">5<li>

我想让类名只有class1，class2，class3 .... 通过jquery

我用

var $filteredData = $data.find('li[class=' + $filterType + ']');

但没有工作

Answer 1

你也可以这样做http://jsfiddle.net/elclanrs/wXuFt/3/

var classOne = $('li').attr('class').match(/\w+/);

Answer 2

一种简单的方法是：

var firstClass = $("li").attr("class").split(" ")[0];

.attr("class")将类名称作为以空格分隔的字符串，因此下一步是根据空格拆分它，只选择结果数组中的第一个元素。如果您不控制正在使用的HTML，则可能需要在首先拆分之前修剪它。

您可以在http://jsfiddle.net/wXuFt/

看到一个有效的例子

Answer 3

一个更强大的eclanrs回答版本：

var firstClass =（$（“li”）。attr（“class”）||''）。match（/ \ w + /）|| '';

它处理未设置类且变量名称以字符开头的情况，正如它应该的那样。如果没有第一个类名，则该变量将设置为空字符串。您可能希望将其设置为null。