How to exit from $.each function when condition met

Question

How can I exit from $.each loop when a condition is met? I don't want to iterate the collection further.

$(vehicles).each(function() {
    if (this["@id"] === vehicleId[0]) {
      vehicle = this;
    }
});

I tried with break; & return; statement but it looks the execution doesn't not stop at that point. Any idea would be greatly appreciated.

Answer 1

Returning false is the equivalent of breaking out of a $.each loop. So in your example:

   if (this["@id"] === vehicleId[0]) { vehicle = this; return false; }

Answer 2

You need to explicitly

return false;

http://api.jquery.com/each/

Answer 3

Since .each() iterates over a wrapped set and executes the given function on each element, break won't affect the actual iteration. However, you can achieve what you're after without iteration by simply calling

vehicle = $('#' + vehicleId[0], $(vehicles));

or (as suggested by Kobi in a comment)

vehicle = $(vehicle).filter('#' + vehicleId[0]);