jquery - 使用 jQuery 获取 css 类的一部分？

Question

我目前有一个名为 widget_remove_friendsWidget 的 CSS 类，还有一个 CSS 类 widget_remove_profileWidget

现在，我尝试使用 jQuery 从 CSS 类中获取小部件名称，例如:

当我有 CSS 类 widget_remove_friendsWidget 时，我不想获得完整的 CSS 类，而只想获得 widget_remove_ 之后的部分，所以这将是 friendsWidget 而不是 widget_remove_friendsWidget

我该怎么做？

Answer 1

尝试使用 replace() 函数去掉类前缀:

var className = $('.widget_remove_profileWidget').attr('class').replace('widget_remove_', '');

如果同一元素中有多个类:

$(document).on('click', '#click', function() {
  var that = $(this);
  var classArr = that.attr('class').split(' ');
  var target = $('#className');
  for (i in classArr) {
    var item = classArr[i];
    if (item.indexOf('prefix_') != -1) {
      var name = item.replace('prefix_', '');
    }
  }
  target.html(name);
})

#click {
  cursor: pointer;
}
#className {
  width: 150px;
  height: 30px;
  display: inline-block;
  line-height: 30px;
  border: 1px solid #d8d8d8;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<span id="click" class="prefix_nameOne anotherClass">click</span>
<span id="className"></span>