Question

我有一些这个类的html div：

<div class="nav icon-home nav_header"></div>
<div class="nav icon-address nav_header"></div>
<div class="nav icon-car nav_header"></div>
<div class="nav icon-info nav_header"></div>
<div class="nav icon-user nav_header"></div>

我想使用jquery来获取图标类名。

我试过这段代码：
jQuery('.nav_header').each(function() { var icon_class = jQuery(this).attr('class').match(/icon-*/); console.log( icon_class ); });

但它返回div对象。

感谢您的支持。

Answer 1

使用您更新的问题，您只需要修复正则表达式以匹配除空白之外的任何内容

＆＃13;

jQuery('.nav_header').each(function() {
    var icon_class = jQuery(this).attr('class').match(/icon-[^ ]+/);
    console.log( icon_class[0] ); 
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="nav icon-home nav_header"></div>
<div class="nav icon-address nav_header"></div>
<div class="nav icon-car nav_header"></div>
<div class="nav icon-info nav_header"></div>
<div class="nav icon-user nav_header"></div>

＆＃13;

Answer 2

试试这个：

$('div').click(function() {
var divClass = $(this).attr('class');
divArr = JSON.stringify(divClass).split(" ");
console.log(divArr[1]);
})

不确定何时想要捕捉课程或如何捕捉课程，但你应该能够建立起来。

Jquery得到匹配的类

2 个答案: