根据部分类名获取完整的类名

时间:2016-04-14 21:01:20

标签: jquery

我正在尝试获取一个完整的类名,其名称中包含一个字符串'CDW'。对于ex,我想得到ID = 1的元素,只有CDW102的完整类名。$(#1.hasClass ['CDW']),获取完整的类名,即CDW102,我不希望其他类名为这个元素。 到目前为止我尝试过的是使用

查明它是否具有该类名
$.fn.hasPartialClass = function (partial) {
    return new RegExp(partial).test(this.prop('class'));
};

var yes=$(this).hasPartialClass("CDW")

<td id="102" class="one two three CDW102">

如何获取全班名称CDW102

2 个答案:

答案 0 :(得分:0)

你可以测试你的正则表达式然后有条件地返回你想要的东西:

&#13;
&#13;
$.fn.hasPartialClass = function (partial) {
    if(new RegExp(partial).test(this.prop('class'))) {
      return this.prop('class');
    }
    return false;
};
&#13;
&#13;
&#13;

答案 1 :(得分:0)

  

如何获取全班名称CDW102

您可以通过自然分隔符(空格)将类拆分,循环遍历它们,如果找到则返回整个类。如果找不到,您可以让它返回false

&#13;
&#13;
$.fn.hasPartialClass = function (partial) {
  var classes = this.prop('class').split(' ');
  for(var i = 0, len = classes.length; i < len; i++) {
    if(new RegExp(partial).test(classes[i])) {
      return classes[i];
    }
  }
  return false;
};

var yes=$('#102').hasPartialClass("CDW");

document.body.innerHTML = JSON.stringify(yes);
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="102" class="one two three CDW102"></div>
&#13;
&#13;
&#13;