javascript - 从类名中删除单词

Question

我有一个 div 类 tab-detector one active 和这个函数:

$(".tab-detector").click(function (e) {
    var classList = $(e.target).attr('class');
    classList.replace("tab-detector","");
    classList.replace("active","");
    alert(classList);
});

我原以为它应该提醒 “one”，但我看到的是 “tab-detector one active” - .replace()没有任何改变。

我做错了什么？

Answer 1

.replace() method不会改变/改变初始字符串。您仍然需要将返回值分配回初始字符串。

因此它应该看起来像:

$(".tab-detector").click(function (e) {
  var classList = $(this).attr('class');
  classList = classList.replace('tab-detector', '').replace('active', '');
  alert(classList);
});

或:

$(".tab-detector").click(function (e) {
  var classList = this.className.replace('tab-detector', '').replace('active', '');
  alert(classList);
});

---

如果您的意图是删除这些类，您应该确实使用.removeClass() method相反，因为这正是它的设计目的。

$(".tab-detector").click(function (e) {
  $(this).removeClass('tab-detector one');
});