检查ul在jQuery中是否具有带有特定文本的li

Question

我目前正在尝试检查我的ul是否有一个li元素，它具有特定的文本。 在控制台中输入以下内容时，我将收到所有li文本：

jQuery(".et-pb-contact-message.contact-error ul:nth-child(2)").has("li").text();
"Name *E-Mail-Adresse *Betreff *Nachricht *Bestätigung"

现在，我已将此语句写到if块中，但可惜它不起作用：

 if (!jQuery(".et-pb-contact-message.contact-error ul:nth-child(2)").has("li").text() === 'Captcha *') { alert("No captcha error"); } 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="et-pb-contact-message contact-error"> <p>Bitte fülle die folgenden Felder aus:</p> <ul> <li>Name&nbsp;*</li> <li>E-Mail-Adresse&nbsp;*</li> <li>Betreff&nbsp;*</li> <li>Nachricht&nbsp;*</li> <li>Bestätigung</li> </ul><ul></ul> </div> 

Answer 1

 var flag = false; jQuery(".et-pb-contact-message.contact-error ul:nth-child(2) li").each((idx, ele) => { console.log(ele.innerText); if (!flag && ele.innerText == 'Captcha *') { flag = true; } }); if (!flag) alert("No captcha error"); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="et-pb-contact-message contact-error"> <p>Bitte fülle die folgenden Felder aus:</p> <ul> <li>Name&nbsp;*</li> <li>E-Mail-Adresse&nbsp;*</li> <li>Betreff&nbsp;*</li> <li>Nachricht&nbsp;*</li> <li>Bestätigung</li> <!--<li>Captcha&nbsp;*</li>--> </ul> <ul></ul> </div> 

Answer 2

 jQuery(".contact-error ul:nth-child(2) li").each(function(index) { if ($(this).html() === 'Captcha *') console.log('founded in ' + (index + 1) + 'th error'); }) 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="et-pb-contact-message contact-error"> <p>Bitte fülle die folgenden Felder aus:</p> <ul> <li>Name&nbsp;*</li> <li>Captcha&nbsp;*</li> <li>Betreff&nbsp;*</li> <li>Nachricht&nbsp;*</li> <li>Bestätigung</li> </ul> <ul></ul> </div> 

Answer 3

if (!(jQuery(".et-pb-contact-message.contact-error ul:nth-child(2)").has("li").text()).split(" ").includes('Captcha *')) {
    console.log("enjoy!");
  }

但是请记住，include方法在ie中不起作用。

Answer 4

jQuery(".et-pb-contact-message.contact-error ul:nth-child(2) li").each(function(){
  console.log(this.innerText);
});

使用此代码检查每个值。