Selector jQuery expresiones regulares

Estoy después de la documentación sobre el uso de comodines o expresiones regulares (no estoy seguro de la terminología exacta) con un selector jQuery.

Lo he buscado yo mismo pero no he podido encontrar información sobre la sintaxis y cómo usarla. ¿Alguien sabe dónde está la documentación de la sintaxis?

EDITAR: los filtros de atributos le permiten seleccionar en función de los patrones de un valor de atributo.

James Padolsey creó un filtro maravilloso que permite utilizar expresiones regulares para la selección.

Digamos que tiene lo siguiente div:

<div class="asdf">

El :regexfiltro de Padolsey puede seleccionarlo así:

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

Además, consulte la documentación oficial de los selectores .

Puede usar la filterfunción para aplicar una coincidencia de expresiones regulares más complicada.

Aquí hay un ejemplo que solo coincidiría con los primeros tres divs:

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

Estos pueden ser útiles.

Si lo encuentra por Contiene , será así

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

Si está buscando por Comienza con, entonces será así

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

Si está buscando por Finaliza con, entonces será así

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

Si desea seleccionar elementos cuya identificación no es una cadena dada

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

Si desea seleccionar elementos cuyo nombre contiene una palabra dada, delimitada por espacios

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

Si desea seleccionar elementos cuya identificación es igual a una cadena dada o comenzar con esa cadena seguida de un guión

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

Si su uso de la expresión regular se limita a probar si un atributo comienza con una determinada cadena, puede usar el ^selector JQuery.

Por ejemplo, si desea seleccionar solo div con una identificación que comience con "abc", puede usar:

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

Puede encontrar muchos selectores muy útiles para evitar el uso de expresiones regulares aquí: http://api.jquery.com/category/selectors/attribute-selectors/

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

¡Aqui tienes!

Agregue una función 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);

Entonces,

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

seleccionará todos los elementos span con coincidencias de texto / Enviado /.

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

seleccionará todos los elementos span con sus clases coinciden con /tooltip.year/.

Los identificadores y las clases siguen siendo atributos, por lo que puede aplicarles un filtro de atributos regexp si selecciona en consecuencia. Lea más aquí: http://rosshawkins.net/archive/2011/10/14/jquery-wildcard-selectors-some-simple-examples.aspx

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

Solo estoy dando mi ejemplo en tiempo real:

En JavaScript nativo, utilicé el siguiente fragmento para encontrar los elementos con identificadores que comienzan con "select2-qownerName_select-result".

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

Cuando cambiamos de javascript a jQuery, reemplazamos el fragmento anterior con el siguiente, que implica menos cambios de código sin alterar la lógica.

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

Si solo desea seleccionar elementos que contienen una cadena dada, puede usar el siguiente selector:

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