Question

我有li标记，如下所示：

<li class="active_fix generator" data-selected="1"></li>

在我的onClick活动中，我console.log $(this)，我回来了

[li.active_fix generator] - 我控制台窗口中的一些内容。

我怎样才能上课。例如，将类名active_fix保存为var，但不保存第二个类名generator。

$('active_fix').on('click', function() {
  console.log($(this));
})

感谢。

Answer 1

您可以拆分班级名称

$(this).attr("class").split(" ")[0]

我们使用attr获取类名并将字符串拆分为空格，然后我们得到数组中的第一个键。

阅读材料

attr

split

Answer 2

尝试使用.attr("attributeName")获取其属性（任意），

$('.active_fix').on('click', function() {
  console.log($(this).attr("class").split(" ")[0]); //Jquery
  console.log(this.className.split(" ")[0]); //Pure Javascript
});

this.className将返回字符串“active_fix generator”。基本上，可以通过添加空格作为分隔符来应用元素的多个类。因此，您可以使用space拆分返回的字符串以获取类名称数组。从那个数组[0]将获得第一堂课。

Answer 3

您可以使用classList来检索元素类的列表：

＆＃13;

$('.active_fix').on('click', function() {
  alert(this.classList[0]);
})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li class="active_fix generator" data-selected="1">...</li>

＆＃13;

Answer 4

＆＃13;

$('.active_fix').on('click', function() {
 alert($(this).attr("class").split(" ")[0]);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li class="active_fix generator" data-selected="1"></li>

＆＃13;

Answer 5

DevJunior试试这个，它会帮助你

$('.active_fix').on('click', function() {
           console.log($('.active_fix').attr('class').split(' ')[0]);
     });

Answer 6

$('.active_fix').on('click', function() {
 alert(this.classList[0]);
})

从元素JS中获取类

6 个答案: