jQuery(selector).contains throws "no method" TypeError?

Question

my HTML:

<form>
    <input type="text" name="url" maxlength="10" />
</form>

my JS:

$(document).ready(function(){
    var inputUrl =  $('input[name=url]');
    inputUrl.change(function() {
        alert(inputUrl);
        if ($(inputUrl).contains('watch'))
        {
            alert ('Contains watch: yes');
        }
        else
        {
            alert ('Contains watch: no');
        }
    });
});

Chrome Console shows:

Uncaught TypeError: Object [object Object] has no method 'contains'

What's the correct syntax for:

if ($(inputUrl).contains('watch'))

See stackoverflow.com/questions/10053731/… and stackoverflow.com/questions/1789945/javascript-string-contains ... you just have to put the pieces together. — Felix Kling
– Felix Kling, Commented Oct 18, 2012 at 18:32

I Hate Lazy · Accepted Answer · 2012-10-18 18:36:21Z

7

if (inputUrl.val().indexOf('watch') > -1) {

Or perhaps you only want to operate on the current one that received the event.

if ($(this).val().indexOf('watch') > -1) {

Or make it case insensitive:

if (/watch/i.test($(this).val())) {

edited Oct 18, 2012 at 18:36

answered Oct 18, 2012 at 18:31

I Hate Lazy

49k13 gold badges89 silver badges79 bronze badges

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

Comments

YogeshWaran · Accepted Answer · 2012-10-18 18:31:55Z

0

You can do like this . conatins psuedo is used to search text in the innerHtml. it does not search in input element value

$(inputUrl).val().indexOf('watch') > 0

reference : http://api.jquery.com/contains-selector/

answered Oct 18, 2012 at 18:31

YogeshWaran

2,2894 gold badges24 silver badges32 bronze badges

Comments

gts · Accepted Answer · 2012-10-18 18:42:49Z

0

My first idea was to have input[name=url] changed over to input[name=url]:contains('watch') or make inputUrl var parse so in the code, but this will only fetch text from within an element and won't have effect with regards to the value of an attr. @user1689607's answer looks like the best one in retrospect.

edited Oct 18, 2012 at 18:42

answered Oct 18, 2012 at 18:35

gts

6275 silver badges13 bronze badges

2 Comments

Felix Kling Over a year ago

I don't think :contains considers the value of input fields. Only the text content of elements.

gts Over a year ago

@FelixKling you're right, updating answer to reflect the idea and why it won't work

Collectives™ on Stack Overflow

jQuery(selector).contains throws "no method" TypeError?

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related