Javascript 我想在jQuery选择器中使用jQuery正则表达式
元素ID:Javascript 我想在jQuery选择器中使用jQuery正则表达式,javascript,jquery,Javascript,Jquery,元素ID: <div class="text_title_9a9f19a9 text_title-191 textListLayoutTitle_9a9f19a9"> 但它不起作用 在元素id“9a9f19a9”和“191”以及“9a9f19a9”中,动态更改值,因此我使用*而不是您可以使用选择器div[class^=text\u title]来选择所有类以text\u title开头的div,这样您就不必使用正则表达式 $("div[class^=text_title]") 如
<div class="text_title_9a9f19a9 text_title-191 textListLayoutTitle_9a9f19a9">
但它不起作用
在元素id“9a9f19a9”和“191”以及“9a9f19a9”中,动态更改值,因此我使用
*
而不是您可以使用选择器div[class^=text\u title]
来选择所有类以text\u title
开头的div,这样您就不必使用正则表达式
$("div[class^=text_title]")
如果您希望在div上查找多个类,可以这样做:
$("div[class*=text_title_][class*=text_title-][class*=textListLayoutTitle_]")
演示
console.log($($div[class*=text\u title][class*=text\u title-][class*=textListLayoutTitle][class*=textListLayoutTitle].length)
您可以使用filter()
函数并使用indexOf
检查包含的类
$(函数(){
$('div').filter(函数(){
var classes=$(this.attr('class');
if(classes.indexOf('text_title')!=-1&&classes.indexOf('text_title')!=-1&&classes.indexOf('textListLayoutTitle')!=-1){
返回true;
}否则{
返回false;
}
}).addClass(“有效”);
});代码>
。有效{
颜色:绿色;
}
div{
颜色:蓝色;
}
有效的
无效的
无效
Try$(“div[class*=“text\u title”]”)使用$(“div[class^=“text\u title”]”)代码>参见
$("div[class*=text_title_][class*=text_title-][class*=textListLayoutTitle_]")