How can I find if a span contains a specific word?

Question

I have a span with a certain class and I want to check if it contains it and hide another element.

To be more specific I have:

<span class="border">0€</span>
<div class="pop">something</div>

I tried the code but unfortunately it does not work.

if ($(".border").html().indexOf("span") == 0€ ){
    $("div[name=pop]").hide()
}

Looking forward hearing from you.

Use XPath http://www.w3schools.com/xpath/ to search for all `span` elements with given class. — Marki555, Jun 18 '15 at 06:39

score 3 · Answer 1 · edited May 23 '17 at 12:14

The indexOf function returns the index and you can not compare it with string you are looking for 0€.

if ($(".border").html().indexOf("0€") != -1 ){

You probably need text instead of html as this string is not expected as part of html.

if ($(".border").text().indexOf("0€") != -1 ){

Edit based on comments of OP that he added as an answer.

TypeError: $ is not a function

You need to add the reference of jQuery in order to use jQuery function like $ for which you are getting error. This question Is there a link to the “latest” jQuery library on Google APIs will show you have you can add jQuery.

Tushar · Answer 2 · 2015-06-18T06:35:12.377

1

Use :contains pseudo-selector:

Select all elements that contain the specified text.

if ( $('.border:contains("0€")')

UPDATE

If you want to check if it contains specifically 0€

if ( $('.border:contains(" 0€")') // This will not select 100€

Assuming there is space before 0€

edited Jun 18 '15 at 06:35

answered Jun 18 '15 at 06:31

Tushar

what if the value is `100€` – Arun P Johny Jun 18 '15 at 06:32
@ArunPJohny You can use `$('.border:contains("100€")'` – Tushar Jun 18 '15 at 06:32
@Tushar, if the value is 100€, your code will return true. – Anoop Joshi P Jun 18 '15 at 06:33
@AnoopJoshi Then `indexOf` will also not work, Please check my Update – Tushar Jun 18 '15 at 06:35

score 0 · Answer 3 · answered Jun 18 '15 at 06:31

0

Don't use :contains() or indexOf() as it will fail in cases like 100€

if ($("span.border").html().trim() == '0€') {
    $("div[name=pop]").hide()
}

answered Jun 18 '15 at 06:31

Arun P Johny

OP did not state that he needed to check for cases like `100€` as well, just `0€`. – Entity Jun 18 '15 at 06:33

3 Answers3