I have a div where I have some span. Now I need to find a specific span based on its text. What can I try next? Here are my attempts below:
var spanExist = $('#activityDiv :span[text="hello"]').length; alert("span exists : " + spanExist);
but it gives the following error in console:
Uncaught Error: Syntax error, unrecognized expression: unsupported pseudo: span
Advertisement
Answer
Use :contains()
pseudo-class selector.
var spanExist = $('#activityDiv span:contains("hello")').length; alert("span exists : " + spanExist);
If you want to get only elements with the exact match of text then use filter()
method.
var spanExist = $('#activityDiv span:contains("hello")').filter(function(){ return $(this.text().trim() == "hello"; }).length; alert("span exists : " + spanExist);