Cómo negar un contexto

Question

Quiero seleccionar elementos, pero no si uno de sus antepasados ​​coincide con un cierto selector.

Por ejemplo, supongamos que quiero hacer coincidir todos los nodos <a> que no son descendientes de una tabla.

que hemos probado algo como esto:

$("a", ":not(table *)"); 

pero que se estrella mi navegador.

Esto también se cuelga mi navegador:

jQuery("a", ":not(table td)"); 

La página consultada es bastante grande, con un montón de tablas muy grandes. Entonces, necesito algo que funcione bien también. ¿Algunas ideas?

Answer 1

Las otras respuestas son cosas que complican demasiado.

$('a').not('table a'); 

-o-

$('a:not(table a)'); 

El segundo parámetro de la función jQuery es el contexto en el que la búsqueda de un elemento, pero la selección :not(table) seleccionará cada elemento que no es una tabla, que incluye descendientes de tablas. Por lo general, desea utilizar el parámetro de contexto cuando tiene un documento o elemento específico bajo el cual desea buscar.

Answer 2

$('a').not(function() { 
    return $(this).closest('table').length > 0; 
}); 

o probablemente será más rápido si son siempre los hijos directos de una etiqueta <td>

$('a').not(function() { 
    return $(this).parent('td').length > 0; 
}); 

Answer 3

Uso:

$("a").not("td a") 

Salida this fiddle.