Question

我有一个div：

<div class="general_class class_1 class_2 color_ffffff"></div>

如果这个div有一个以'color_'开头的类，我需要在jQuery变量中检索整个类名'color_ffffff'。

var skin_color = jQuery('.general_class[class*=color_]');

在控制台日志

上

console.log(skin_color);

我得到了div的整个类列表。

有什么想法吗？谢谢

Answer 1

＆＃13;

var skin_color = $('.general_class[class*=color_]').attr('class').split(' '); // Gets all the classes in an array

var result =  skin_color
          .filter(  function(elem){ return elem.match(/color_*/) } ) // Removes elements not matching "color_*"
          .join('') // Transforms the array (normally containing one element) to a string

alert(result);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="general_class class_1 class_2 color_ffffff some other classname"></div>

＆＃13;

Answer 2

您可以使用正则表达式来获取颜色：

var elm = jQuery('.general_class[class*=color_]');
var re = /color_(.{6})/;
console.log(elm.attr('class').match(re));

// Yields ["color_ffffff", "ffffff"]

<div class="general_class class_1 class_2 color_ffffff"></div>

如果有类使用jQuery获取类名

2 个答案: