Выполнение кода для первого элемента в JQuery каждый() цикл, который удовлетворяет условию

Question

Я знаю, как запустить код для первого найденного элемента в каждом() цикл:

$('.selector').each(function(i, el){ 
    if (i === 0) { 
     // do something 
    } 
}); 

Но как запускать код для первого элемента , удовлетворяющий определенному условию в каждом цикле()?

Что-то вроде этого:

$('.selector').each(function(i, el){ 
    if (first element meeting the condition) { 
     // do A 
    } 
    elseif (next elements meeting the condition) { 
     // do B 
    } 
    else { 
     // do C 
    } 
}); 

Answer 1

Если вы пытаетесь сделать что-то на первый элемент, который имеет некоторый текст, например просто if (el.text() == 'something'), а затем вызвать return в состоянии остановить

Answer 2

Вы могли установите переменную за пределами цикла и используйте это, чтобы определить, выполнено ли условие. После выполнения условия измените переменную, чтобы предотвратить ее повторное выполнение.

Example Here

(function() { 
    var conditionSatisfied = false; 
    $('.selector').each(function (i, el) { 
     if ($(this).hasClass('foo') && !conditionSatisfied) { 
      conditionSatisfied = true; 
      // .. 
     } else { 
      // .. 
     } 
    }); 
})(); 

В зависимости от того, что вы пытаетесь достичь, вы можете на самом деле не нужен цикл. Вы можете просто выбрать элемент напрямую. Например, вы можете выбрать элемент .selector с классом .foo и использовать либо :first/.first(), чтобы выбрать первый соответствующий элемент.

$('.selector.foo').first(); 

$('.selector.foo:first');