Wyrażenia regularne selektora jQuery

Jestem po dokumentacji dotyczącej używania symboli wieloznacznych lub wyrażeń regularnych (nie jestem pewien co do dokładnej terminologii) za pomocą selektora jQuery.

Szukałem tego sam, ale nie byłem w stanie znaleźć informacji na temat składni i sposobu jej użycia. Czy ktoś wie, gdzie jest dokumentacja składni?

EDYCJA: Filtry atrybutów pozwalają wybrać na podstawie wzorców wartości atrybutu.

James Padolsey stworzył wspaniały filtr, który pozwala na wybór wyrażenia regularnego.

Powiedz, że masz następujące elementy div:

<div class="asdf">

:regexFiltr Padolsey może wybrać go w następujący sposób:

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

Sprawdź także oficjalną dokumentację dotyczącą selektorów .

Możesz użyć tej filterfunkcji, aby zastosować bardziej skomplikowane dopasowanie wyrażenia regularnego.

Oto przykład, który pasowałby do pierwszych trzech div:

$('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>

Mogą być pomocne.

Jeśli znajdziesz w Contains , będzie tak

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

Jeśli znajdziesz, zaczyna się od, będzie tak

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

Jeśli znajdziesz w Ends With , będzie tak

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

Jeśli chcesz wybrać elementy, których identyfikator nie jest podanym ciągiem

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

Jeśli chcesz wybrać elementy, których nazwa zawiera dane słowo, rozdzielone spacjami

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

Jeśli chcesz wybrać elementy, których identyfikator jest równy podanemu ciągowi lub zaczynając od tego ciągu, po którym następuje myślnik

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

Jeśli użycie wyrażenia regularnego jest ograniczone do sprawdzenia, czy atrybut zaczyna się od określonego ciągu, można użyć ^selektora JQuery.

Na przykład, jeśli chcesz wybrać div z identyfikatorem zaczynającym się na „abc”, możesz użyć:

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

Wiele bardzo przydatnych selektorów pozwalających uniknąć użycia wyrażenia regularnego można znaleźć tutaj: http://api.jquery.com/category/selectors/attribute-selectors/

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

Proszę bardzo!

Dodaj funkcję 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);

Następnie,

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

wybierze wszystkie elementy zakresu z dopasowaniami tekstu / Wysłane /.

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

wybierze wszystkie elementy zakresu, aby ich klasy pasowały do ​​/tooltip.year/.

id i klasy są nadal atrybutami, więc możesz zastosować do nich filtr atrybutów regularnych, jeśli odpowiednio wybierzesz. Przeczytaj więcej tutaj: http://rosshawkins.net/archive/2011/10/14/jquery-wildcard-selectors-some-simple-examples.aspx

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

Podaję tylko mój przykład w czasie rzeczywistym:

W natywnym javascript użyłem następującego fragmentu, aby znaleźć elementy o identyfikatorach zaczynających się od „select2-qownerName_select-result”.

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

Kiedy przeszliśmy z javascript do jQuery, zastąpiliśmy powyższy fragment kodu poniższym, który obejmuje mniej zmian kodu bez zakłócania logiki.

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

Jeśli chcesz tylko wybrać elementy zawierające podany ciąg, możesz użyć następującego selektora:

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