[SOLUCIONADO] Problema con validación de clase con if jquery

[Gatosaurio]

Hola, buen día a todos. He estado tratando de averiguar el porque un pedazo de código no realiza lo que quiero.

Lo que intento hacer es que valide si un vínculo <a> posee una clase en específico, y en base a ello abrir dicho vínculo en una nueva ventana. Todo esto es para vínculos externos.

Resulta que solo 2 vínculos en la página html poseen dicha clase, pero todos los vínculos se abren en una nueva ventana, aún cuando no posean la clase. No comprendo porque lo hace, verifico la sintaxis y no encuentro problema, tampoco tengo errores en la consola.

He aquí el código:

Código:

$(document).ready(function() {
    
    $("a").on("click", function(e){
        e.preventDefault();
        var liga = $(this).attr("href");
        if ($("a").hasClass("ext"))
        {
            window.open(liga, "_blank");
        }
    });
});

De antemano gracias por su ayuda y consejos. Es un documento .js enlazado al html. Si está funcionando ya que realiza el preventDefault

[chuidiang]

Hola:

Si en el if pones $("a") estás trayendo otra vez TODOS los enlaces en vez de solo en el que se ha hecho click, por lo que hasClass() no tengo muy claro que hace sobre un array de elementos <a>, pero imagino que te devolverá algo que no puede considerarse false ya que algunos de los enlaces tiene esa clase.

En el if, debes debes usar $(this) en vez de $("a"), ya que en esa funcion handler, this hace referencia al <a> que ha disparado el evento

Código Javascript:

if ($(this).hasClass("ext")) {
   ....
}
 

Se bueno.

[Gatosaurio]

Muchas gracias por la pronta respuesta, hice la modificación que me dijiste y funcionó de maravilla. Posiblemente es un error muy tonto o descuidado, espero mejorar y no cometerlos más. Solo me quedaría cerrar el tema.

Nuevamente muchas gracias. Por último algún buen texto o referencia donde pueda encontrar consejos para evitar atrocidades como la que estaba cometiendo.