查找類包含文本字符串JQuery的span

Question

我使用JQuery來查找包含類中的文本字符串的span元素，但也可以包含其他文本。

var not_breaks = element.filter("span.this_text");

這適用於class="this_text"而不是class="this_text_and_more_text" - 我需要搜索兩者。

Answer 1

在這種情況下，您可以使用Attribute Contains選擇器：

var not_breaks = element.filter("span[class*='this_text']");

您也可以使用Attribute Starts With選擇器，但請注意， 只有元素上有一個類時才能保證這一點：

var not_breaks = element.filter("span[class^='this_text']");

Answer 2

我們可以使用hasclass來獲取所有帶有名稱的span類，這會對你有所幫助

var pare=$('span');
$( pare ).each(function() {
if($(this).hasClass('httext')){
    alert($(this).html())
}

}）;

Answer 3

我需要搜索兩者

我會用選擇器組做到這一點：

var not_breaks = element.filter("span.this_text, span.this_text_and_more_text");
//                      first ---^    comma ---^ ^---- second

這將保持該組中的任一選擇器匹配元素。

例：

 var element = $("span"); var not_breaks = element.filter("span.this_text, span.this_text_and_more_text"); not_breaks.css("color", "green"); 

 <div><span>Not a match</span></div> <div><span class="this_text">this_text</span></div> <div><span>Not a match</span></div> <div><span class="this_text_and_more_text">this_text_and_more_text</span></div> <div><span>Not a match</span></div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 

Answer 4

您可以使用正則表達式根據需要檢索任何序列。

var regex = new RegExp("this_txt");
var elem = $("span").filter(function () {
                    return regex.test($(this).attr('class')); 
           });
console.log(elem.length);

regex.test函數只有在序列存在時才返回true。

這是小提琴

https://jsfiddle.net/yt1cr2zb/