检查Jquery是否存在类似(但不精确)的类

时间:2016-07-25 03:54:52

标签: jquery html css

想知道是否有办法扩展以下代码以允许搜索类似的类但不精确。

我的目标:匹配foo-123和bar-123并将类附加到类bar-123的链接以表明它已匹配:

页面结构:

(Foo-和Bar-是预设的并且始终相同。只有数字会改变。)

$('a').each(
function(i) {
    var classes = this.className.split(/\s+/);
    for (var i=0,len=classes.length; i<len; i++){
        if ($('body').hasClass(classes[i])){
            $(this).addClass('bodySharesClass');
        }
    }
});

问题:目前只有完全匹配才有效:

export interface IInterview {
    id: number;
    title: string;
    body: string;
}

jsfiddle example

提前谢谢。

编辑快速注意,此问题与其他帖子不同,因为前缀已设置但数量未知。我发现的其他问题集中在找到课堂上的特定课程或特定单词。 @madalin ivascu的回答非常完美,@ Braj的评论也很有帮助,谢谢!

1 个答案:

答案 0 :(得分:1)

尝试以下循环

$('[class^=bar]').each(function(i,v){
   var numb = $(this).attr('class').split('-')[1];
  if ($('body').is('.foo-'+numb)) {
   $(this).addClass('bodySharesClass');
   }
});

demo