Jquery: How to see if string contains substring

Question

I have a shoppingcart that displays product options in a dropdown menu, and I want to make some other fields on the page only visible if they select "Yes" in the previous option. The problem is that the shopping cart also includes the price modifier in the text, and that can be different for each product. So if I do this it works:

 $(document).ready(function() {
  $('select[id="Engraving"]').change(function() {
   var str = $('select[id="Engraving"] option:selected').text(); 
   if (str == "Yes (+ $6.95)") {
    $('.engraving').show();
   } else {
    $('.engraving').hide();
   }
  });
 });

However I would rather use something like this:

 $(document).ready(function() {
  $('select[id="Engraving"]').change(function() {
   var str = $('select[id="Engraving"] option:selected').text(); 
   if (str *= "Yes") {
    $('.engraving').show();
   } else {
    $('.engraving').hide();
   }
  });
 });

Which doesn't work.

I only want to perform the action if the selected option contains the word "Yes", and would ignore the price modifier.

I appreciate any help.

Answer 1

Like this:

if (str.indexOf("Yes") >= 0)

Note that this is case-sensitive.
If you want a case-insensitive search, you can write

if (str.toLowerCase().indexOf("yes") >= 0)

Or,

if (/yes/i.test(str))

Answer 2

You could use search or match for this.

str.search( 'Yes' )

will return the position of the match, or -1 if it isn't found.