jQuery filter function regexp

Question

Can somebody explain why my elements aren't filtering?

this what wrote in a book, and he sad that if false element will be remove and will displayed elements with true :

$('li').filter(function() { return this.innerHTML.match(/^\d+$/)})

I need to filter only li with 14.15 (i want result just li with 14.15)!

http://jsfiddle.net/crew1251/MYXYX/

<ul id="list">
    <li>raz</li>
    <li>asdf 14.15</li>
    <li>tri</li>
    <li>chetire_Tri</li>
    <li>pyat</li>


</ul>


$('li').filter(function () {
    return this.innerHTML.match(/^\d+$/);
});

what do you want to filter? Can you write the wanted result with your example. — Casimir et Hippolyte
– Casimir et Hippolyte, Commented Oct 23, 2013 at 23:36

Ruan Mendes · Accepted Answer · 2016-01-15 02:13:34Z

6

If you want to find the lis that contain digits, you should do the following

var listWithDigits = $('li').filter(function () {
    return this.innerHTML.match(/\d+/);
    // return this.innerHTML.match(/\d+$/); // returns lis that end with digits
    // return this.innerHTML.match(/^\d+/); // returns lis that start with digits
    // return this.innerHTML.match(/^\d+$/); // returns lis that contain only digits
});
console.log(listWithDigits.length); // 1

Your current regex is failing because it only accepts lis that contain only digits, because you've wrapped your regex with ^$

http://jsfiddle.net/MYXYX/1/

edited Jan 15, 2016 at 2:13

answered Oct 23, 2013 at 23:42

Ruan Mendes

92.7k31 gold badges162 silver badges225 bronze badges

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

6 Comments

user1956570 Over a year ago

doesnt work, i need only 1 result filtered li with digits 14.15

Ruan Mendes Over a year ago

@user1956570 You must have not looked at jsfiddle.net/MYXYX/1 , which I posted, you can see that that it correctly logs the one li with 14.15 in it. Maybe you missed the console.log See jsfiddle.net/MYXYX/2

user1956570 Over a year ago

there must be only li with digits, you have all li

Ruan Mendes Over a year ago

@user1956570 You are doing something wrong, you can see that the result of the call is a jquery object with a single DOM element in it. I really don't know what part you think is not working. Look closer at the fiddle

Ruan Mendes Over a year ago

@user1956570 Dang it dude, are you looking at the jsfiddle I gave you? jsfiddle.net/MYXYX/3 It does not have multiple lis in the filtered jQuery object. Show some code to prove your point (like I did) instead of just saying "it doesn't work"

|

Casimir et Hippolyte · Accepted Answer · 2013-10-23 23:55:30Z

1

You use a wrong pattern, you must remove anchors:

$('li').filter(function () {
    return $(this).html().match(/\d/);
});

Note that you don't need to test more than one digit, thus the + quantifier is useless.

edited Oct 23, 2013 at 23:55

answered Oct 23, 2013 at 23:44

Casimir et Hippolyte

90k5 gold badges102 silver badges131 bronze badges

2 Comments

Ruan Mendes Over a year ago

Why are you calling $(this).remove()? OP didn't ask to remove it from the DOM

user1956570 Over a year ago

yeah without remove, just filtered

Collectives™ on Stack Overflow

jQuery filter function regexp

2 Answers 2

6 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related