使用jquery从div类中提取类的一部分

Question

我使用jquery 1.3.2（不要问我为什么）我有一些页面，其中每个都有它的标识号放在体内类，如xxx-123，xxx-124等我想找到并提取（把变量放到div类的一部分（只有数字）。首先，我寻找识别某些页面“abc”的类，然后我寻找以“xxx - ”开头的课程

HTML

<div id="body" class="abc cde fgh xxx-23">text</div>

脚本

if ($("#body").hasClass("cde")) {
     var clasa = $('div[class*=xxx-]');
    alert(clasa);
}

测试警报给我对象对象消息。有人可以帮忙解决这个简单的事吗？谢谢。

http://jsfiddle.net/q34w9mbj/1/

Answer 1

您需要阅读class属性，然后提取班级名称

＆＃13;

＆＃13;

if ($("#body").hasClass("cde")) {
  var clasa = $('div[class*=xxx-]').attr('class').match(/\bxxx-.+?\b/);
  alert(clasa);
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<div id="body" class="abc cde fgh xxx-23">text</div>

＆＃13;

＆＃13;

＆＃13;

但更简单的解决方案是使用data- *属性

＆＃13;

＆＃13;

if ($("#body").hasClass("cde")) {
  var xxx = $('div[data-xxx]').attr('data-xxx');
  alert(xxx);
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<div id="body" data-xxx="23" class="abc cde fgh">text</div>

＆＃13;

＆＃13;

＆＃13;