jQuery: Why my contains() is not case sensitive?

Question

I'm trying to use the contains() function on my code and I need it to be case sensitive, which is supposed to be, but it's not. Whether I type

$("keyword:contains('{Keyword:')")

or

$("keyword:contains('{KeyWord:')")

It still works. What am I doing wrong? This is my JsFiddle : https://jsfiddle.net/xpvt214o/463834/

Thank you

Possible duplicate of [Is there an “exists” function for jQuery?](https://stackoverflow.com/questions/31044/is-there-an-exists-function-for-jquery) — Phil, Jul 23 '18 at 00:57

Muhammad Omer Aslam · Answer 1 · 2018-07-23T08:40:50.233

2

You need to check the $("keyword:contains('{Keyword:')").length rather than $("keyword:contains('{Keyword:')") in the if() condition

var keyword = '';
var elm = $("#message > p:contains('{Keyword:')");
if (elm.length) {
  keyword = elm.text().replace(/({Keyword:)/gi, "");
  keyword = keyword.replace(/}/gi, "");
  $("#message > p").text(keyword);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="message">
  <p>{Keyword:This is a headline}</p>
</div>

edited Jul 23 '18 at 08:40

answered Jul 23 '18 at 00:48

Muhammad Omer Aslam

22,976
9
42
68

It dowan't seem to work. But thank you for your help. – Creek Barbara Jul 23 '18 at 00:54
are you saying it does not work correctly ? @CreekBarbara – Muhammad Omer Aslam Jul 23 '18 at 00:57
Yes it's not working as intended, but I've found a solution by using if (keyword.indexOf("{KeyWord:") >= 0). Thx – Creek Barbara Jul 23 '18 at 01:00

score 0 · Accepted Answer · answered Jul 23 '18 at 01:04

if ($("keyword:contains('{Keyword:')")){ ... } isn't matching against any conditional, and is simply returning a non-false value, so it triggers on everything (the var keyword = $("#message > p").text(); is targeting an arbitrary element.

The :contains selector should be used to target the specific element.

$("div.message > p:contains('{KeyWord:')").text(
  $("div.message > p:contains('{KeyWord:')").text().replace(/{keyword:/gi, "").replace(/}/gi, "")
);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="message">
  <p>{KeyWord:This is a headline}</p>
</div>



<div class="message">
  <p>{Keyword:This is a headline}</p>
</div>

jQuery: Why my contains() is not case sensitive?

2 Answers2