Question

目标：我试图检索价值：＆＃34; bg-green＆＃34;或＆＃34; bg-blue＆＃34;但我不一定知道它是＆＃34;绿色＆＃34;或者＆＃34;蓝色＆＃34;加载DOM时我也不知道每个div将拥有的课程数量或者在哪里＆＃34; bg- [color]＆＃34;将落入该div的类别阵容中。我应该强调，我知道如何找到一个以＆＃34; bg - ＆＃34;开头的类。但不一定如何找到实际的班级名称。

<div class="bg-green classUno anotherClass littleBox">
 This is my green Div
</div>

<div class="classUno anotherClass bg-blue littleBox">
 This is my blue Div
</div>

Answer 1

使用选择器抓取元素，然后抓住它的类，然后拆分常量，并采取后面的内容。

var $cn = $('[class^=bg]').prop('class');
console.log($cn.split('bg-')[1]);

here's your jsfiddle

Answer 2

您可能会发现通过向div添加数据属性来更轻松地提取颜色信息。

<div class="classUno anotherClass bg-blue littleBox" data-color="blue">
   This is my blue Div
</div>

然后，您可以检查数据颜色属性是否存在，如果存在，则将其提取为：

if ($('div').data('color') !== 'undefined') {
   var color = $('div').attr('data-color');
}

获取以某些字符开头的精确类名

2 个答案: