jqueryのspanテキストでdivからスパンを取得する方法

Question

私はdivを持っています。今私はテキストに基づいて特定の範囲を見つける必要があります。しかし、それはできません。誰でもこの機会に私を助けてくれますか？ここで>>>

var spanExist = $('#activityDiv :span[text="hello"]').length; 
alert("span exists : " + spanExist); 

以下の私の試みがあるが、それは>>コンソールに

Uncaught Error: Syntax error, unrecognized expression: unsupported pseudo: span

Answer 1

使用:contains()疑似クラスセレクタを、次のエラーが発生します。

var spanExist = $('#activityDiv span:contains("hello")').length; 
alert("span exists : " + spanExist); 

---

あなたがテキストの完全一致で唯一の要素を取得したい場合は、filter()メソッドを使用します。

var spanExist = $('#activityDiv span:contains("hello")').filter(function(){ 
    return $(this.text().trim() == "hello"; 
}).length; 

alert("span exists : " + spanExist); 

Answer 2

これは

$(document).ready(function(){ 
 

 
var spanExist = $('#activityDiv span').text().trim(); 
 
if(spanExist == 'Hello'){ 
 
    alert("span exists : " + spanExist); 
 
} 
 

 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id='activityDiv'> 
 
    <span>Hello</span> <br/> 
 
    
 
    
 
    
 
    </div>