Существует ли регистр символов jQuery: содержит селектор?

Question

Существует ли нечувствительная к регистру версия : содержит jQuery-селектор или я должен выполнить работу вручную, зациклив все элементы и сравнив их .text () с моей строкой?

Answer 1

В конечном итоге я сделал для jQuery 1.2:

jQuery.extend(
    jQuery.expr[':'], { 
        Contains : "jQuery(a).text().toUpperCase().indexOf(m[3].toUpperCase())>=0" 
});

Это расширит jquery, чтобы иметь селектор: Contains без учета регистра, селектор: содержит без изменений.

Редактировать: Для jQuery 1.3 (спасибо @ user95227) и более поздних версий вам нужно

jQuery.expr[':'].Contains = function(a,i,m){
     return jQuery(a).text().toUpperCase().indexOf(m[3].toUpperCase())>=0;
};

Edit: По-видимому, прямой доступ к DOM с помощью

(a.textContent || a.innerText || "") 

вместо

jQuery(a).text()

В предыдущем выражении оно значительно ускоряется, поэтому попробуйте на свой страх и риск, если скорость является проблемой. (см. @ Джон вопрос )

Последнее редактирование: для jQuery 1.8 должно быть:

jQuery.expr[":"].Contains = jQuery.expr.createPseudo(function(arg) {
    return function( elem ) {
        return jQuery(elem).text().toUpperCase().indexOf(arg.toUpperCase()) >= 0;
    };
});

Answer 2

Чтобы сделать его, возможно, нечувствительным к регистру: http://bugs.jquery.com/ticket/278

$.extend($.expr[':'], {
  'containsi': function(elem, i, match, array)
  {
    return (elem.textContent || elem.innerText || '').toLowerCase()
    .indexOf((match[3] || "").toLowerCase()) >= 0;
  }
});

затем используйте :containsi вместо :contains

Answer 3

Начиная с jQuery 1.3 этот метод устарел. Чтобы это работало, его нужно определить как функцию:

jQuery.expr[':'].Contains = function(a,i,m){
    return jQuery(a).text().toUpperCase().indexOf(m[3].toUpperCase())>=0;
};

Answer 4

Если кому-то (как и мне) интересно, что означают a и m [3] в Содержит определение.

---

KEY / LEGEND: параметры, предоставляемые jQuery для использования в определениях селектора:

r = jQuery массив изучаемых элементов. (например: r.length = Количество элементов)

i = индекс элемента, который в настоящее время находится на рассмотрении, в массиве r .

a = элемент, в настоящее время изучаемый. Оператор выбора должен возвращать значение true, чтобы включить его в соответствующие результаты.

m [2] = имя_узла или *, которое мы ищем (слева от двоеточия).

m [3] = параметр передается в селектор: (параметр). Обычно это порядковый номер, например : nth-of-type (5) или строка, например : цвет (синий) .

.

Answer 5

В jQuery 1.8 вам нужно будет использовать

jQuery.expr[":"].icontains = jQuery.expr.createPseudo(function (arg) {                                                                                                                                                                
    return function (elem) {                                                            
        return jQuery(elem).text().toUpperCase().indexOf(arg.toUpperCase()) >= 0;        
    };                                                                                  
});

Answer 6

Вариант, который, кажется, работает немного быстрее, а также допускает регулярные выражения :

jQuery.extend (
    jQuery.expr[':'].containsCI = function (a, i, m) {
        //-- faster than jQuery(a).text()
        var sText   = (a.textContent || a.innerText || "");     
        var zRegExp = new RegExp (m[3], 'i');
        return zRegExp.test (sText);
    }
);

---

Мало того, что это не чувствительно к регистру, но это позволяет мощный поиск, как:

• $("p:containsCI('\\bup\\b')") (Соответствует «вверх» или «вверх», но не «верхний», «пробуждение» и т. Д.)
• $("p:containsCI('(?:Red|Blue) state')") (соответствует «красному состоянию» или «синему состоянию», но не «активному состоянию» и т. Д.)
• $("p:containsCI('^\\s*Stocks?')") (Соответствует "акции" или "акции", но только в начале абзаца (игнорируя все начальные пробелы).)

Answer 7

Может быть поздно .... но,

Я бы предпочел пойти по этому пути ..

$.extend($.expr[":"], {
"MyCaseInsensitiveContains": function(elem, i, match, array) {
return (elem.textContent || elem.innerText || "").toLowerCase().indexOf((match[3] || "").toLowerCase()) >= 0;
}
});

Таким образом, вы НЕ вмешиваетесь в ПОРЯДОК jQuery '. Содержит' ... Возможно, вам понадобится вариант по умолчанию позже ... в случае подделки вы можете оказаться вернуться к stackOverFlow ...

Answer 8

jQuery.expr[':'].contains = function(a,i,m){
    return jQuery(a).text().toUpperCase().indexOf(m[3].toUpperCase())>=0;
};

Код обновления прекрасно работает в версии 1.3, но в отличие от предыдущего примера, слово «содержит» должно быть в нижнем регистре на первой букве.

Answer 9

См. Ниже, чтобы использовать «: contains» для поиска текста, игнорирующего чувствительность к регистру в HTML-коде,

 $.expr[":"].contains = $.expr.createPseudo(function(arg) {
            return function( elem ) {
                return $(elem).text().toUpperCase().indexOf(arg.toUpperCase()) >= 0;
            };
        });
        $("#searchTextBox").keypress(function() {
          if($("#searchTextBox").val().length > 0){
            $(".rows").css("display","none");
            var userSerarchField = $("#searchTextBox").val();
            $(".rows:contains('"+ userSerarchField +"')").css("display","block");
          } else {
            $(".rows").css("display","block");
          }              
        });

Вы также можете использовать эту ссылку, чтобы найти регистр игнорирования регистра, основанный на вашей версии jquery, Make jQuery: содержит регистр символов

Answer 10

Более быстрая версия с использованием регулярных выражений.

$.expr[':'].icontains = function(el, i, m) { // checks for substring (case insensitive)
    var search = m[3];
    if (!search) return false;

    var pattern = new RegExp(search, 'i');
    return pattern.test($(el).text());
};