Can jQuery's filter be used such that it stops searching when the first element is found?

Question

The following element is found according to its index.

var listDiv = $( "div[class*='item-title']" ).filter(function( index ) {
                    return index === curActiveItem
                  });

In this case, it appears that jQuery would continue to search the selected elements as having the index passed into the filter.

Is there a way to use ":first" with this example, or is there a more efficient way to filter the items?

Answer 1

If you know the index then you can get the element at that index with .eq:

var listDiv = $( "div[class*='item-title']" ).eq(curActiveItem);

---

Can jQuery's filter be used so that it stops searching when the first element is found?

No. But you can do that with .each:

var listDiv = $();
$( "div[class*='item-title']" ).each(function() {
   if (someCondition) {
     listDiv = $(this);
     return false;
   }
});

Or use Array#some:

$($( "div[class*='item-title']" ).get().some(function(element) {
   return someCondition;
}));