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?

Answer 1

Use filter.

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