jQuery-Selektor reguläre Ausdrücke

Question

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

Ich habe dies selbst gesucht, aber nicht gelungen, Informationen über die Syntax zu finden und wie es zu benutzen. Weiß jemand, wo die Dokumentation für die Syntax ist?

EDIT: Die Attributfiltern können Sie anhand von Mustern eines Attributs Wert auszuwählen.

Answer 1

James Padolsey erstellt eine wonderful filter, die Regex zur Auswahl verwendet werden kann.

Sagen Sie bitte die folgenden div haben:

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

Überprüfen Sie auch die official documentation on selectors:

<div class="asdf"> 

Padolsey des :regex Filter es wie so wählen kann.

Answer 2

Mit der Funktion filter können Sie kompliziertere Regex-Vergleiche anwenden. Hier ist ein Beispiel, das die ersten drei divs nur passen würde (Live-Demo here):

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

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

Answer 3

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

Answer 4

IDs und Klassen noch Attribute sind, so dass Sie einen regulären Ausdruck, um sie filtern Attribut anwenden können, wenn Sie wählen entsprechend. Lesen Sie hier mehr: http://rosshawkins.net/archive/2011/10/14/jquery-wildcard-selectors-some-simple-examples.aspx

Answer 5

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

Hier gehen Sie!

Answer 6

Wenn Ihre Verwendung von regulären Ausdrücken beschränkt zu testen, ob ein Attribut Start mit einer bestimmten Zeichenfolge, können Sie die^jquery Selektor

Zum Beispiel, wenn Ihr wollen nur div auszuwählen mit der ID mit „abc“ ab Sie können $("div[id^='abc']")

Eine Menge sehr nützliche Selektoren Verwendung von Regex zu vermeiden, finden Sie hier: http://api.jquery.com/category/selectors/attribute-selectors/

Answer 7

Diese können hilfreich sein.

Wenn Sie mit dem zu finden sind Enthält dann wird es

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

wie dieser sein, wenn Sie von Beginnt mit zu finden sind, dann wird es

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

so sein

Wenn Sie mit dem zu finden sind endet mit dann wird es so

sein

Wenn Sie Elemente auswählen, welche id

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

nicht eine Zeichenkette ist, wenn Sie Elemente auswählen möchten, die id ein gegebenes Wort enthält, durch Leerzeichen getrennt

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

Wenn Sie Elemente auswählen möchten, die ID ist gleich einer gegebenen Zeichenfolge oder beginnend mit dieser Zeichenfolge gefolgt von einem Bindestrich

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

Answer 8

hinzufügen jQuery-Funktion,

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

alle Spanne Elemente auswählen, mit dem Text übereinstimmt/Sent /.

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

wählt alle span Elemente mit ihren Klassen übereinstimmen/tooltip.year/.

Answer 9

Wenn Sie nur Elemente auswählen möchten, die Zeichenfolge angegeben enthalten, dann können Sie folgende Selektor: Ich

In nativer JavaScript verwendet:

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

Answer 10

ich meine Echtzeit Beispiel nur geben Das folgende Snippet, um die Elemente mit IDs zu finden, beginnt mit "select2-qownerName_select-result".

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

Wenn wir von Javascript jQuery haben wir über Schnipsel durch die folgende ersetzt, die ohne Störung der Logik weniger Code verschoben Änderungen beinhaltet.

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