Question

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

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

当我拥有CSS类widget_remove_friendsWidget时，我不想获得完整的CSS类，而只需要获得widget_remove_之后的部分，这样friendsWidget而不是{{1} }}

我该怎么做？

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>

Answer 2

尝试这将选择所有元素类值包含朋友小部件

$('[class~=friendsWidget]')

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

2 个答案: