檢查字符串中的特定字符

Question

如何檢查元素中的特定字符？

<div>N0180/RIB</div>
<div>N0180918</div>
<div>N0180</div>

**(I want to target <div>N0180</div> this element)**

我嘗試使用:contains("N0180")和.substring方法。 但這是所有這三個要素的目標。

Answer 1

按照:contains() Doc：

匹配的文本可以直接出現在所選元素中，該元素的任何后代或其組合中。 與屬性值選擇器一樣，：contains（）括號內的文本可以寫為裸詞，也可以用引號引起來。 文本必須具有匹配的大小寫才能選擇。

您可以使用.filter（）進行更具體的比較：

$('div').filter(function(){
   return $(this).text().trim() === "N0180";
})

Answer 2

對於完全匹配，請使用.filter()

$('div').filter(function(){
    return $(this).text().trim() == "N0180";
})

注意：對於不區分大小寫的搜索，請使用toLowerCase()或.toUpperCase()將值轉換為相同的大小寫

Answer 3

 $('div').each(function() { if ($(this).text() === 'N0180') { $(this).addClass('red') } }) 

 .red { color: red } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div>N0180/RIB</div> <div>N0180918</div> <div>N0180</div> 

您可以獲取div的.text()並與您的文本進行比較