jQuery OR Selector?

Me pregunto si hay una manera de tener la lógica "OR" en los selectores jQuery. Por ejemplo, sé que un elemento es un descendiente de un elemento con clase classA o classB, y quiero hacer algo así elem.parents('.classA or .classB'). ¿JQuery proporciona dicha funcionalidad?

Usa una coma.

'.classA, .classB'

Puede optar por omitir el espacio.

El uso de una coma puede no ser suficiente si tiene varios objetos jQuery que deben unirse.

El método .add () agrega los elementos seleccionados al conjunto de resultados:

// classA OR classB
jQuery('.classA').add('.classB');

Es más detallado que '.classA, .classB', pero le permite crear selectores más complejos como el siguiente:

// (classA which has <p> descendant) OR (<div> ancestors of classB)
jQuery('.classA').has('p').add(jQuery('.classB').parents('div'));

He escrito un complemento increíblemente simple (5 líneas de código) para exactamente esta funcionalidad:

http://byrichardpowell.github.com/jquery-or/

Le permite decir efectivamente "obtenga este elemento, o si ese elemento no existe, use este elemento". Por ejemplo:

$( '#doesntExist' ).or( '#exists' );

Si bien la respuesta aceptada proporciona una funcionalidad similar a esta, si existen ambos selectores (antes y después de la coma), se devolverán ambos selectores.

Espero que sea útil para cualquiera que pueda acceder a esta página a través de Google.

Si está buscando usar la construcción estándar de element = element1 || element2 donde JavaScript devolverá el primero que sea verdadero, podría hacer exactamente eso:

element = $('#someParentElement .somethingToBeFound') || $('#someParentElement .somethingElseToBeFound');

que devolvería el primer elemento que se encuentre realmente. Pero una mejor manera probablemente sería usar la construcción de coma del selector jQuery (que devuelve una matriz de elementos encontrados) de esta manera:

element = $('#someParentElement').find('.somethingToBeFound, .somethingElseToBeFound')[0];

que devolverá el primer elemento encontrado.

Lo uso de vez en cuando para encontrar un elemento activo en una lista o algún elemento predeterminado si no hay un elemento activo. Por ejemplo:

element = $('ul#someList').find('li.active, li:first')[0] 

que devolverá cualquier li con una clase de activo o, si no hubiera ninguno, solo devolverá el último li.

Cualquiera de los dos funcionará. Sin embargo, existen posibles sanciones de rendimiento, ya que || detendrá el procesamiento tan pronto como encuentre algo verdadero, mientras que el enfoque de matriz intentará encontrar todos los elementos, incluso si ya ha encontrado uno. Por otra parte, utilizando el || La construcción podría tener problemas de rendimiento si tiene que pasar por varios selectores antes de encontrar el que devolverá, ya que tiene que llamar al objeto jQuery principal para cada uno (realmente no sé si esto es un golpe de rendimiento o no, simplemente parece lógico que pueda ser). Sin embargo, en general, uso el enfoque de matriz cuando el selector es una cadena bastante larga.

Finalmente encontré hackear cómo hacerlo:

div:not(:not(.classA,.classB)) > span

(selecciona div con clase classAOR classBcon intervalo secundario directo)

Daniel A. White Solution funciona muy bien para las clases.

Tengo una situación en la que tuve que encontrar campos de entrada como donee_1_card donde 1 es un índice.

Mi solución ha sido

$("input[name^='donee']" && "input[name*='card']")

Aunque no estoy seguro de lo óptimo que es.