检查标题是否存在的更短方法

Question

检查title已经存在。 有没有更短的方法？ 就像是：

if(test.exists.inside('.title'){...

 var x = 0; var test = $('#test').text(); $('.title').each(function(){ if($(this).text() == test){x = 1;} }); if(x == 1){console.log('exists');} 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class='title'>lorem</div> <div class='title'>ipsum</div> <div class='title'>lorema</div> <div class='title'>ipsuma</div> <div id='test'>lorem</div> 

Answer 1

有很多方法可以做到这:contains ， filter()用indexOf()和filter()与text同等test ..这取决于你想做什么

 var x = 0; var test = $('#test').text(); var Exists = $('.title:contains("'+test+'")').length; console.log('Yes '+Exists+ ' title with text '+test); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class='title'>lorem</div> <div class='title'>ipsum</div> <div class='title'>lorema</div> <div class='title'>ipsuma</div> <div id='test'>lorem</div> 

您也可以检查是否包含文本检查

$('.title:contains("'+test+'")').length > 0

或 进行精确文本检查

$('.title').filter(function(){
  return $(this).text().trim() == test;
}).length > 0

注意：： :contains和.indexOf搜索文本包含的文本不是确切的文本..通过使用$(this).text().trim() == test; 这将返回确切的文本元素

Answer 2

如果您只是在寻找较短的代码，一种选择是调用Array.prototype.some ，而不是将.text()的结果存储在变量中，而是每次都调用它，以节省键入的字符：

 if ([].some.call($('.title'), d => $(d).text() === $('#test').text())) { console.log('exists'); } 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class='title'>lorem</div> <div class='title'>ipsum</div> <div class='title'>lorema</div> <div class='title'>ipsuma</div> <div id='test'>lorem</div> 

就个人而言，我宁愿可读性胜于代码长度：

 const textToFind = $('#test').text(); const exists = Array.prototype.some.call( $('.title'), title => $(title).text() === textToFind ); if (exists) { console.log('exists'); } 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class='title'>lorem</div> <div class='title'>ipsum</div> <div class='title'>lorema</div> <div class='title'>ipsuma</div> <div id='test'>lorem</div>