Question

js或jQuery 如何获取指定字符串，详细如下面描述

现在有个元素的class属性值是'nav sidebar skin-purple',我如何通过js或jQuery 只得到‘skin-purple'

Answer 1

一句原生代码搞定

// 取出所有class属性开头是 skin- 的元素
[].slice.apply(document.querySelectorAll('[class^="skin-"]'))
// 如果skin-不在开头，在中间也可以。
[].slice.apply(document.querySelectorAll('[class*="skin-"]'))

css选择器了解一下：网页链接

Answer 2

<div class="nav sidebar skin-purple" onclick="alert(this.classList[2]);">点我</div>

你要获取的是第三个class名称，因为classList下标默认从0开始，所以用classList[2]来获取第三个名称

追问

顺序是不固定的，其实我就是想获取字符串里面已'skin-’开头的class，有可能也是‘skin-blue’

追答

那就判断一下classList里哪个有'skin-'这个字符串

<script>
function a(list){
for(var i = 0;i < list.length;i++){
var str=list[i].search("skin-");
if (str==0){
alert(list[i]);
}
}
}
</script>
<div class="nav sidebar skin-purple" onclick="a(this.classList);">点我</div>

Answer 3

var classStr = $(对象).attr('class');

classStr = classStr.split(' ');
classStr.includes('skin-purple') //判断是否存在

Answer 4

hasClass( "skin-purple") 这个方法用来检测有没有这个class值

追问

你理解错了，我是想获取，不是判断有没有，我想获取以'skin-’开头的class，有可能也是‘skin-blue’

追答

$("[class^='skin-']")

追问

这样获取的是元素 并不能获取到‘skin-purple’

追答

$("[class^='skin-']").attr("class");

分就这么点，问了那么多

Answer 5

可以按空格分隔字符串，然后要搜索也行，明确是最后一个的话直接取也行。