Expresiones regulares del selector jQuery

Question

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

He buscado esto por mí mismo pero no he podido encontrar información sobre la sintaxis y cómo usarlo. ¿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.

Answer 1

James Padolsey creó un wonderful filter que permite que se use regex para la selección.

Digamos que tiene la siguiente div:

<div class="asdf"> 

filtro de Padolsey :regex se puede seleccionar este modo:

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

También, comprobar el official documentation on selectors.

Answer 2

Puede usar la función filter para aplicar la correspondencia de expresiones regulares más complicada. He aquí un ejemplo que acaba de coincidir con los primeros tres divs (demostración en vivo 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

los identificadores y clases siguen atributos, para que pueda aplicar una expresión regular atributo de filtro a ellos si se selecciona en consecuencia. Lee más aquí: 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 ]+/); 

Aquí tienes!

Answer 6

Si el uso de expresiones regulares se limita a comprobar si un comienzo attribut con una determinada cadena, puede utilizar el selector^jQuery

Por ejemplo si su solo quiere seleccionar div con id comenzando con "abc" , puede utilizar $("div[id^='abc']")

Una gran cantidad de selectores muy útiles para evitar el uso de expresiones regulares se pueden encontrar aquí: http://api.jquery.com/category/selectors/attribute-selectors/

Answer 7

Estos pueden ser útiles.

Si usted está encontrando por Contiene entonces va a ser como esto

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

Si usted está encontrando por Empieza con entonces va a ser como esto

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

Si estás buscando por Termina con, entonces será así

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

Si desea seleccionar elementos que ID no es una cadena dada

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

Si desea seleccionar elementos que ID contiene una palabra dada, delimitadas por espacios

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

Si desea seleccionar elementos que id es igual a una cadena dada o comenzando con esa cadena seguido de un guion

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

Answer 8

Añadir 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 el texto coincide// Enviado.

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

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

Answer 9

Si lo que desea es seleccionar los elementos que contienen dado el cordón, puede utilizar el selector siguiente:

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

Answer 10

sólo estoy dando mi ejemplo real de tiempo:

en JavaScript nativo Solía El siguiente fragmento para encontrar los elementos con los identificadores comienza con "select2-qownerName_select-result".

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

Cuando pasamos de la javascript para jQuery hemos reemplazado por encima de fragmento con la siguiente que implica menos cambios de código sin alterar la lógica.

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