Синтаксис JQuery для нескольких операций

Question

У меня есть список, если <span> элементов, которые мне нужно фильтровать и применять несколько операций (замена текста и добавление класса условно). У меня есть следующий рабочий код:

$('span').filter(function() { 
    return $(this).text().toLowerCase()==phrase; 
}).text(translation); 

$('span').filter(function() { 
    return $(this).hasClass('translatable') && $(this).text().toLowerCase()==phrase; 
}).addClass(translated); 

Это работает, но явно перебирая все <span> ей дважды. Можно ли объединить их в одну итерацию, что-то на линии:

$('span').filter(function() { 
    return $(this).text().toLowerCase()==phrase; 
}).function() { 
    $(this).text(translation); 
    if($(this).hasClass('translatable')) 
     this.addClass("translated") 
} 

Answer 1

Учитывая, что тест phrase одинакова для обоих ваших фильтров я бы, наверное, подходить к нему так:

$('span').filter(function() { 
    return $(this).text().toLowerCase()==phrase; 
}) 
.text(translation) 
.filter('.translatable') 
.addClass('translated'); 

То есть, сначала найти пролеты, содержащие эту фразу и установить их текст, затем процеживают который устанавливает для подмножества, который имеет класс translatable, и добавьте класс 'translated' именно к этим.

Answer 2

Вы можете сделать это с помощью JQuery в каждом методе

$('span').each(function() { 
    var $this = $(this); 
    if ($this.text().toLowerCase()==phrase){ 
     $this.text(translate); 
     if ($this.hasClass('translatable')) { 
      $this.addClass("translated"); 
     } 
    }  
}); 

Или вы могли бы методы цепных

$('span').filter(function(){ return $(this).text().toLowerCase()==phrase; }) 
     .text(translate) 
     .filter(function(){ return $(this).hasClass('translatable'); }) 
     .addClass("translated"); 

Я лично предпочитаю первый подход. Хотя это не так красиво, как первое, это действительно одна итерация, в отличие от второго подхода, где есть четыре отдельных итерации. При правильной оптимизации (спасибо Samuel Caillerie) она должна быть немного быстрее.