jQuery: comprobar si la variable de entrada es elemento DOM

Question

Me gustaría escribir una función jQuery que acepta ya sea un elemento DOM o su identificación como entrada:

function myfunction(myinput){ 
// pseudocode: 
// if (myinput is dom element){ 
// var myID = $(myinput).attr('id'); 
// } else { 
// var myID = myinput; 
// } 

// Do stuff with myID ... 

} 

Pregunta: ¿Cómo puedo saber si myInput es un dom ¿¿¿elemento???

Answer 1

Es más fácil hacer el cheque a la inversa - comprobar si es una cadena si a fin de utilizarlo para obtener un ID demás lo tratan como un nodo/elemento DOM y manejarlo como si fuera una .

function myfunction(myinput) { 

    var myId; 

    if (typeof myinput == 'string'){ 
     myId = myinput; 
    } else { 
     myId = myinput.id; // myinput.id is enough 
    } 

    // do something 

} 

o si realmente quiere comprobar si es contra HTMLElement entonces cada elemento HTML DOM se extiende interfaz abstracta HTMLElement. Check MDC para obtener más información sobre HTMLElement.

... 

    if (myinput instanceof HTMLElement){ 
     myId = myinput.id; // myinput.id is enough 
    } else { 
     myId = myinput; 
    } 

    ... 

Al final no importa ... ¡su llamada!

Tom

Answer 2

if(myinput instanceof domElement) alert("Yes");

Answer 3

Usted podría poner en práctica su función como esta:

function myfunction(myinput){ 

if (myinput.nodeType){ 
    var myID = $(myinput).attr('id'); 
} else { 
    var myID = myinput; 
} 

// Do stuff with myID ... 

}

Más información sobre nodeType.

Answer 4

Me pregunto si un buen ternaria funcionaría, algo como esto

var myID = $(myInput).attr('id') ? $(myInput).attr('id') : myInput;