Использование селекторов jQuery для получения элементов формы на основе значения или состояния

Question

Возможно ли нам jQuery выбрать набор элементов формы на основе их значения и / или состояния?

Например, у меня есть код, который выглядит как

jQuery("input[type='checkbox']").each(function(element){
    if(this.checked)
    {
         //do something with the checked checkeboxes
    }
});

Я бы хотел убрать условный интерьер и как-то добавить его к первоначальному выбору. Либо как часть строки селектора, либо с помощью какого-либо дополнительного вызова метода в цепочке.

Answer 1

Специально для атрибута checked можно использовать селектор : флажок :

var checkedInputs = $('input:checked');

Для других атрибутов вы можете использовать атрибуты фильтра .

Answer 2

Также для произвольной фильтрации используйте filter (как подсказывает @CMS). Это похоже на grep, но специально для наборов выбора jQuery.

jQuery("input[type='checkbox']")
    .filter(function(){ return this.checked; })
    .each(function() {
        // Do something with "this"
    });