检查字符串中的特定字符

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()文件：

  

匹配文本可以直接出现在所选元素中，任何元素的后代中，或其组合中。与属性值选择器一样，括号内的文本：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

＆＃13;

＆＃13;

$('div').each(function() {

  if ($(this).text() === 'N0180') {

    $(this).addClass('red')

  }


})

＆＃13;

.red {
  color: red
}

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

您可以获取div的.text()并与文字进行比较