jQuery seleccionar por atributo usando los operadores AND y OR

Question

Estoy pensando en, si es posible en jQuery seleccionar elementos por atributos con nombre usando AND y OR.

Ejemplo:

<div myid="1" myc="blue">1</div> 
<div myid="2" myc="blue">2</div> 
<div myid="3" myc="blue">3</div> 
<div myid="4">4</div> 

me gustaría seleccionar todos los elementos en los que myc="blue" pero sólo aquellos con myid conjunto en 1 o 3.

Así que he intentado:

a=$('[myc="blue"] [myid="1"] [myid="3"]'); 

pero no funciona, lo mismo aquí:

a=$('[myc="blue"] && [myid="1"] || [myid="3"]'); 

¿Es posible sin escribir funciones especiales de filtro?

Answer 1

Y operación

a=$('[myc="blue"][myid="1"][myid="3"]'); 

O operación, utilice comas

a=$('[myc="blue"],[myid="1"],[myid="3"]'); 

Como se comentó @Vega:

a=$('[myc="blue"][myid="1"],[myc="blue"][myid="3"]'); 

Answer 2

¿Cómo escribir un filtro como el de abajo,

$('[myc="blue"]').filter(function() { 
    return (this.id == '1' || this.id == '3'); 
}); 

Editar: @Jack Gracias .. totalmente perdido ..

$('[myc="blue"]').filter(function() { 
    var myId = $(this).attr('myid'); 
    return (myId == '1' || myId == '3'); 
}); 

DEMO

Answer 3

jQuery utiliza selectores CSS para seleccionar elementos, por lo que sólo tiene que utilizar más de una regla de separándolos con comas, así:

a=$('[myc="blue"], [myid="1"], [myid="3"]'); 

Editar:

Lo sentimos, que querían azul y 1 ó 3. ¿Qué tal:

a=$('[myc="blue"][myid="1"], [myid="3"]'); 

Poner los dos selectores de atributos juntos le da y, usando una coma le da O.

Answer 4

Para seleccionar correctamente los elementos utilizando las operaciones lógicas que ha indicado, solo necesita jQuery.filter() para la operación AND, no "funciones de filtro especiales". También necesita jQuery.add() para la operación OR.

var elements = $('[myc="blue"]').filter('[myid="1"').add('[myid="3"'); 

Alternativamente, es posible llevar a cabo usando taquigrafía en un solo selector, donde jamming selectores juntos actúa como un AND y separar con una coma actúa como un OR:

var elements = $('[myc="blue"][myid="1"], [myid="3"]'); 

Answer 5

el operador AND en un selector es solo una cadena vacía, y el operador o es la coma. Sin embargo

No hay ninguna agrupación o prioridad, así que hay que repetir una de las condiciones:

a=$('[myc=blue][myid="1"],[myc=blue][myid="3"]'); 

Answer 6

En el caso especial sería

a=$('[myc="blue"][myid="1"],[myc="blue"][myid="3"]'); 

Answer 7

uso simple .filter()^[docs] (Y) usando la multiple selector^[docs] (OR):

$('[myc="blue"]').filter('[myid="1"],[myid="2"]'); 

En general, los selectores de encadenamiento, li ke a.foo.bar[attr=value] es una especie de selector AND.

jQuery tiene extensive documentation acerca de los selectores compatibles, vale la pena leerlos.

Answer 8

En primer lugar encontrar la condición que se produce en todas las situaciones, luego filtrar las condiciones especiales:

$('[myc="blue"]') 
    .filter('[myid="1"],[myid="3"]');