Як зробити jQuery Містить без урахування регістру, включаючи jQuery 1.8+?

Я намагаюсь використовувати регістр "містить" нечутливо. Я спробував використати рішення за таким запитанням про stackoverflow, але воно не спрацювало:

Чи існує чутливий до регістру jQuery: містить селектор?

Для зручності рішення скопійовано тут:

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

Ось помилка:

Error: q is not a function
Source File: /js/jquery-1.4.js?ver=1.4
Line: 81

Ось де я його використовую:

  $('input.preset').keyup(function() {
    $(this).next().find("li").removeClass("bold");
    var theMatch = $(this).val();
    if (theMatch.length > 1){
      theMatch = "li:Contains('" + theMatch + "')";
      $(this).next().find(theMatch).addClass("bold");
    }
  });

Моє використання оригінального чутливого регістру "містить" у тому ж сценарії працює без помилок. Хтось має ідеї? Я був би вдячний

Це те, що я використовую в поточному проекті, не мав жодних проблем. Подивіться, чи вам більше пощастить із цим форматом:

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

У jQuery 1.8 API для цього змінено, версія jQuery 1.8+ буде такою:

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

Ви можете перевірити це тут . Щоб отримати докладнішу інформацію про користувацькі селектори 1,8+, перегляньте вікі Sizzle тут .

Варто зазначити, що відповідь правильна, але лише охоплює :Contains, а не псевдонім, :containsякий може призвести до несподіваної поведінки (або може бути використаний при розробці для розширених додатків, які вимагають як чутливого, так і нечутливого пошуку).

Це можна вирішити шляхом дублювання розширення для псевдоніма:

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

Мені знадобився час, щоб зрозуміти, чому це не працює для мене.

Я б зробив щось подібне

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

І залиште :containsнаодинці ...

ДЕМО

То чому jQuery не підтримує це у своїй бібліотеці ?! якщо це так просто ...

тому що ваш код передає турецький код?

Може бути пізно .... але,

Я волів би піти цим шляхом ..

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

Таким чином, ви НЕ втручаєтесь у NATIC '.contains' jQuery ... Можливо, вам знадобиться за замовчуванням пізніше ... якщо його вторгнути , ви можете опинитися назад у stackOverFlow ...

я дозволю собі додати своїх друзів:

$.expr[":"].containsNoCase = function (el, i, m) { 
    var search = m[3]; 
    if (!search) return false; 
    return eval("/" + search + "/i").test($(el).text()); 
}; 

Я просто зміг ігнорувати чутливість до регістру jQuery, щоб досягти того, що я хочу, використовуючи код нижче:

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

Ви можете використовувати це посилання, щоб знайти код на основі версій jQuery, щоб ігнорувати чутливість до регістру, https://css-tricks.com/snippets/jquery/make-jquery-contains-case-insensitive/

Крім того, якщо ви хочете використовувати: містить і здійснити певний пошук, ви можете поглянути на це: http://technarco.com/jquery/using-jquery-search-html-text-and-show-or-hide- відповідно