регулярні вирази селектора jQuery

Я після документації щодо використання символів підстановки або регулярних виразів (не впевнений у точній термінології) із селектором jQuery.

Я сам це шукав, але не зміг знайти інформацію про синтаксис і як ним користуватися. Хтось знає, де знаходиться документація для синтаксису?

EDIT: Фільтри атрибутів дозволяють вибирати на основі шаблонів значення атрибута.

Джеймс Падолсі створив чудовий фільтр, який дозволяє використовувати регулярний гекс для вибору.

Скажіть, у вас є таке div:

<div class="asdf">

Фільтр Падолсі :regexможе вибрати його так:

$("div:regex(class, .*sd.*)")

Також перевірте офіційну документацію на селектори .

Ви можете скористатися filterфункцією, щоб застосувати більш складне зіставлення регулярних виразів.

Ось приклад, який би просто відповідав першим трьом дівам:

$('div')
  .filter(function() {
    return this.id.match(/abc+d/);
  })
  .html("Matched!");

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div id="abcd">Not matched</div>
<div id="abccd">Not matched</div>
<div id="abcccd">Not matched</div>
<div id="abd">Not matched</div>

Вони можуть бути корисними.

Якщо ви знайдете компанію Contains, то буде так

    $("input[id*='DiscountType']").each(function (i, el) {
         //It'll be an array of elements
     });

Якщо ви знайдете за Starts With, то буде так

    $("input[id^='DiscountType']").each(function (i, el) {
         //It'll be an array of elements
     });

Якщо ви знайдете за Закінчується з», то це буде так

     $("input[id$='DiscountType']").each(function (i, el) {
         //It'll be an array of elements
     });

Якщо ви хочете вибрати елементи, які ідентифікатор яких не є заданим рядком

    $("input[id!='DiscountType']").each(function (i, el) {
         //It'll be an array of elements
     });

Якщо ви хочете вибрати елементи, які ім'я містить задане слово, розділене пробілами

     $("input[name~='DiscountType']").each(function (i, el) {
         //It'll be an array of elements
     });

Якщо ви хочете вибрати елементи, ідентифікатор яких дорівнює заданій рядку, або починаючи з цього рядка, а потім дефісом

     $("input[id|='DiscountType']").each(function (i, el) {
         //It'll be an array of elements
     });

Якщо використання регулярного вираження обмежене тестуванням, якщо атрибут починається з певного рядка, ви можете використовувати ^ селектор JQuery.

Наприклад, якщо ви хочете вибрати лише div з id, що починається з "abc", ви можете використовувати:

$("div[id^='abc']")

Тут можна знайти дуже багато корисних селекторів для уникнення використання регулярних виразів: http://api.jquery.com/category/selectors/attribute-selectors/

var test = $('#id').attr('value').match(/[^a-z0-9 ]+/);

Ось ви йдете!

Додайте функцію jQuery,

(function($){
    $.fn.regex = function(pattern, fn, fn_a){
        var fn = fn || $.fn.text;
        return this.filter(function() {
            return pattern.test(fn.apply($(this), fn_a));
        });
    };
})(jQuery);

Тоді,

$('span').regex(/Sent/)

вибере всі елементи прольоту з текстовими відповідями / Надіслано /.

$('span').regex(/tooltip.year/, $.fn.attr, ['class'])

вибере всі елементи інтервалу відповідно до класів /tooltip.year/.

ідентифікатори та класи все ще залишаються атрибутами, тому ви можете застосувати до них фільтр атрибутів regexp, якщо обрати відповідний спосіб. Детальніше читайте тут: http://rosshawkins.net/archive/2011/10/14/jquery-wildcard-selectors-some-simple-examples.aspx

$("input[name='option[colour]'] :checked ")

Я просто даю приклад у реальному часі:

У рідному javascript я використав наступний фрагмент, щоб знайти елементи з ідентифікаторами, починаючи з "select2-qownerName_select-result".

document.querySelectorAll("[id^='select2-qownerName_select-result']");

Коли ми перейшли від javascript до jQuery, ми замінили вищевикладений фрагмент наступним, що передбачає менші зміни коду, не порушуючи логіку.

$("[id^='select2-qownerName_select-result']")

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

$(':contains("search string")')