jquery: test, ob die input-variable dom-element

Möchte ich schreiben, eine jquery-Funktion akzeptiert entweder ein dom-element oder dessen id als Eingabe:

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

 //Do stuff with myID ...

}

Frage: Wie kann ich feststellen, ob myinput ist ein dom-element???

InformationsquelleAutor moondog | 2011-02-17
  1. 21

    Es ist einfacher zu tun, die check-Umgekehrt - ob es ein string, wenn so verwenden Sie es, um eine ID anders behandeln, als einen DOM-Knoten/element und handle, als ob es eins war.

    function myfunction(myinput) {

    var myId;

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

    //do something

}

    oder wenn Sie wirklich wollen, zu überprüfen, ob es HTMLElement dann jeder html-DOM-element HTMLElement erweitert abstrakte Schnittstelle. Überprüfen MDC für mehr info auf HTMLElement.

        ...

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

    ...

    Am Ende ist es nicht wirklich egal... Ihren Anruf!

    Tom

    • Danke! Das ist genau das was ich brauchte.
    • HTMLElement war nicht für mich arbeiten, in einige browser (wahrscheinlich IE8) so jetzt bin ich die Prüfung für nodeType
    • Sie konnte tun $(myinput).length > 0 zu sehen, wenn das element existiert in der DOM.
    InformationsquelleAutor Tom Tu
  2. 6

    Würden Sie implementieren Ihre Funktion wie folgt:

    function myfunction(myinput){

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

 //Do stuff with myID ...

    }

    Mehr Informationen über nodeType.

    • +1 für diese Lösung. jQuery-code verwendet diese in seiner isPlainObject Funktion zum ausschließen von DOM-Knoten.
    InformationsquelleAutor Adam Prax
  3. 0

    Frage ich mich, ob eine nette ternären funktionieren würde, so etwas wie dieses

    var myID = $(myInput).attr('id') ? $(myInput).attr('id') : myInput;
    InformationsquelleAutor Ilia Draznin
  4. -2

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

    • NÖ, es gibt keine solche Klasse als domElement.
    • Was du meinst ist Element oder Node 😉
    InformationsquelleAutor devzorg
Schreibe einen Kommentar