How to check if a string contains a specific substring

Question

I'm working on a simple if/else jquery statement and I ran into some trouble with the variable. What I need it to do is to check if the var is true. In my case I want it to check if the has 'dont push' in it. If it's true, the html must change to 'lol'. If not, it will give a simple alert. Can anybody give me some guidance here?

<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="user-scalable=no, width=device-width" />
<title>Untitled Document</title>
<link href="mobile.css" rel="stylesheet" type="text/css" media="only screen and (max-width: 480px)" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $('#nietklikken').click(function() {
        var n = $(this).html('dont push');
        if (n == "$(this).html('dont push')"){
            $(this).html('lol')     
        } else {
            alert('lolz');
        }
    });
});
</script>
</head>

<body>
<button type="button" id="nietklikken">dont push</button>

</body>
</html>

mmhan · Accepted Answer · 2014-04-09 10:09:12Z

3

$(this).html() will get the innerhtml value and $(this).html(arg) will set the innerhtml value. The correct usage will be below.

$('#nietklikken').click(function() {
    if ($(this).html().indexOf('dont push') > -1){
        $(this).html('lol')     
    } else {
        alert('lolz');
    }
});

You should read up more in jquery docs.

Update : It will now check if the innerhtml contains 'dont push'.

edited Apr 9, 2014 at 10:09

answered Sep 15, 2011 at 8:50

mmhan

6997 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Richard Dalton Over a year ago

He wanted to check if it contained the text 'dont push', not if it was an exact match.

ipr101 · Accepted Answer · 2011-09-15 08:51:33Z

2

You could use the 'indexOf' operator that should tell you if a string contains another string. Try -

if ($(this).html().indexOf('dont push') != -1){
            $(this).html('lol')     
        } else {
            alert('lolz');
        }

answered Sep 15, 2011 at 8:51

ipr101

24.2k8 gold badges61 silver badges62 bronze badges

Comments

Greg B · Accepted Answer · 2011-09-15 08:54:49Z

2

You can get the HTML content of an element by calling the html() method with no arguments like so:

var innerHtml = $(someElement).html();

You can then check for the presence of a string by using indexOf like so:

var position = "Find the string".indexOf("the");
// position = 5

If the given string isn't present, indexOf will return -1.

var position = "Find the string".indexOf("notFound");
// position = -1

You can then use this in an if statement like so

if($(someElement).html().indexOf("dont push") >-1)
{
    // Required action here
}

answered Sep 15, 2011 at 8:54

Greg B

14.9k18 gold badges92 silver badges151 bronze badges

Comments

Ali · Accepted Answer · 2013-07-18 15:05:36Z

1

In general you could use a function like this

function HasSubstring(string,substring){
    if(string.indexOf(substring)>-1)
      return true;
      return false;
}

answered Jul 18, 2013 at 15:05

Ali

4884 silver badges10 bronze badges

Comments

T.Todua · Accepted Answer · 2013-04-10 18:51:21Z

0

A working javascript code to check if string contains the specific word/substring:

var inputString = "this is my sentence";
var findme = "my";

if ( inputString.indexOf(findme) > -1 ) {
  out.print( "found it" );
} else {
  out.print( "not found" );
}

answered Apr 10, 2013 at 18:51

T.Todua

57.1k22 gold badges261 silver badges266 bronze badges

Collectives™ on Stack Overflow

How to check if a string contains a specific substring

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related