How to find li whose text starts with a particular string?

Question

I have a function to get the <li> tag at the top that contains the key specified to it, anywhere in the text.

But I want to have the <li> that starts with the key specified to it. Here is the code:

function displaySearchResult(key){
   var li=$('.listcontainer ul li:contains('+key+')');
   li.parent().prepend(li);
}

So how to get the <li> tag whose text starts with the specified key?

Take a look at this question: http://stackoverflow.com/questions/646628/javascript-startswith — Pablo Santa Cruz, Dec 17 '12 at 12:24

score 13 · Accepted Answer · answered Dec 17 '12 at 12:28

13

Use filter.

var li = $('.listcontainer ul li').filter(function() { return $(this).text().indexOf(key) === 0; });

answered Dec 17 '12 at 12:28

Dogbert

Thanks for the solution. But its not working. The function i have mentioned is called on keyup event. So will it work on the key having more than a character? – Chetana Kestikar Dec 17 '12 at 12:33
@ChetanaKestikar, yes, it should work. If it doesn't, we'll need to see more code. – Dogbert Dec 17 '12 at 12:44

score 1 · Answer 2 · answered Dec 17 '12 at 12:35

1

Please check filter() in jquery.

 $('li').filter(function(index) {
   return $('strong', this).length == 1;
 }).css('background-color', 'red');

answered Dec 17 '12 at 12:35

RGR

2 Answers2