reguläre Ausdrücke des jQuery-Selektors

Ich bin nach der Dokumentation über die Verwendung von Platzhaltern oder regulären Ausdrücken (nicht sicher über die genaue Terminologie) mit einem jQuery-Selektor.

Ich habe selbst danach gesucht, konnte jedoch keine Informationen zur Syntax und deren Verwendung finden. Weiß jemand, wo sich die Dokumentation für die Syntax befindet?

BEARBEITEN: Mit den Attributfiltern können Sie basierend auf Mustern eines Attributwerts auswählen.

James Padolsey hat einen wunderbaren Filter erstellt , mit dem Regex zur Auswahl verwendet werden kann.

Angenommen, Sie haben Folgendes div:

<div class="asdf">

Padolseys :regexFilter kann es so auswählen:

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

Überprüfen Sie auch die offizielle Dokumentation zu den Selektoren .

Mit dieser filterFunktion können Sie kompliziertere Regex-Übereinstimmungen anwenden.

Hier ist ein Beispiel, das nur den ersten drei Divs entspricht:

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

Diese können hilfreich sein.

Wenn Sie von Contains finden, wird es so sein

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

Wenn Sie nach Starts With suchen, wird es so sein

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

Wenn Sie nach Ends With suchen, wird es so sein

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

Wenn Sie Elemente auswählen möchten, deren ID keine bestimmte Zeichenfolge ist

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

Wenn Sie Elemente auswählen möchten, deren Name ein bestimmtes Wort enthält, das durch Leerzeichen begrenzt ist

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

Wenn Sie Elemente auswählen möchten, deren ID einer bestimmten Zeichenfolge entspricht oder mit dieser Zeichenfolge gefolgt von einem Bindestrich beginnt

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

Wenn Sie nur reguläre Ausdrücke verwenden, um zu testen, ob ein Attribut mit einer bestimmten Zeichenfolge beginnt, können Sie den ^JQuery-Selektor verwenden.

Wenn Sie beispielsweise nur div mit einer ID auswählen möchten, die mit "abc" beginnt, können Sie Folgendes verwenden:

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

Viele sehr nützliche Selektoren zur Vermeidung der Verwendung von Regex finden Sie hier: http://api.jquery.com/category/selectors/attribute-selectors/

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

Bitte schön!

Fügen Sie eine jQuery-Funktion hinzu.

(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);

Dann,

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

wählt alle Bereichselemente mit Textübereinstimmungen / Gesendet / aus.

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

wählt alle Span-Elemente mit ihren Klassen aus, die mit /tooltip.year/ übereinstimmen.

IDs und Klassen sind weiterhin Attribute. Sie können daher einen Regexp-Attributfilter auf sie anwenden, wenn Sie sie entsprechend auswählen. Lesen Sie hier mehr: http://rosshawkins.net/archive/2011/10/14/jquery-wildcard-selectors-some-simple-examples.aspx

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

Ich gebe nur mein Echtzeitbeispiel:

In nativem Javascript habe ich das folgende Snippet verwendet, um die Elemente mit IDs zu finden, die mit "select2-qownerName_select-result" beginnen.

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

Als wir von Javascript zu jQuery gewechselt sind, haben wir das obige Snippet durch das folgende ersetzt, das weniger Codeänderungen beinhaltet, ohne die Logik zu stören.

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

Wenn Sie nur Elemente auswählen möchten, die eine bestimmte Zeichenfolge enthalten, können Sie den folgenden Selektor verwenden:

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