js Search String and get matched elements

Question

I want to ask what is the best way to search string and get matched element?

//I want to get similar or matched element and the index of it.
//Search key ward 
var key = 'Pap';

<ul>
 <li>Papa</li>
 <li>Mama</li>
</ul>

My Idea now is use $.each and match its text of each, but I believe that should be a wrong way. However, I couldn't find any references from net about this question.

Thank you very much.

Anton · Accepted Answer · 2013-02-12 10:43:04Z

6

Use :contains selector

$('*:contains("'+key+'"):last')

To find exact match will the whole text in element use this

$.fn.exactMatch = function (key) {
    var p = $(this).find(':contains("' + key + '"):last');
    if (p.text() == key) {
        p.css('background', 'yellow');
    } else {
        //Not exact match function if wanted
    }
}

To use this function do this

$(el).exactMatch(key);

edited Feb 12, 2013 at 10:43

answered Feb 12, 2013 at 9:53

Anton

32.6k5 gold badges47 silver badges54 bronze badges

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

12 Comments

Cerbrus Over a year ago

The :last seems redundant, unless I'm missing something?

Anton Over a year ago

When you use contains you get all the parents of the element you want to select, so i use last to get the exact element that contains "key"

Micah Over a year ago

I tired $(el.selector + ':contains("'+ key +'"):last') and $(el).find('*:contains("'+ key +'"):last'), both didnt work, What am I missing?

Micah Over a year ago

the el here means the ul element

Anton Over a year ago

If you mean var key = "Hello world" then yes, but the key has to be exactly matched to the elements string

|

Collectives™ on Stack Overflow

js Search String and get matched elements

1 Answer 1

12 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

12 Comments

Your Answer

Sign up or log in

Post as a guest

Related