Unterschied zwischen [object object] und [Objekt HtmlDivElement]. Div spielen mit jQuery

Ich bin mit divs wie radio-buttons und noch eine Frage.

Ich erkläre Funktion und variable, wie so

Ich habe zwei styles, ein .buttonUp und .buttonDown angewendet werden auf ein div onclick-Ereignis.

<script type="text/javascript">
var onCheck;

function setRadio(param_ElementRef) 
{
    if (param_ElementRef != onCheck) 
    {
        if (onCheck) 
        {
            onCheck.className = 'buttonUp';
        }
        param_ElementRef.className = 'buttonDown';
        onCheck = param_ElementRef;
    }
}
</script>

Rufe ich eine Funktion in der div, wie dies

<div id="Yes" class="buttonUp" onclick="setRadio(this)">Yes</div>
<div id="No" class="buttonUp" onclick="setRadio(this)">No</div>
<div id="Maybe" class="buttonUp" onclick="setRadio(this)">Maybe</div>

Dies funktioniert gut, aber ich habe Probleme bei der Einstellung ein Standardwert für die onCheck variable.

Ich habe versucht, die divs id ' s, aber wenn ich alert($('#Yes') es zeigt [object Object], in der Erwägung, dass, wenn ich alert(param_ElementRef) es zeigt [object HtmlDivElement]

Offensichtlich gibt es einen Unterschied zwischen den beiden, und gibt es eine Möglichkeit der Rücksendung die gleiche Objekt-id Verweis oder ähnliches?

Vielen Dank

  • Der Grund alert($('#Yes') zeigt [object Object] ist, weil es ein jQuery-Objekt. Auf der anderen Seite, wenn Sie möchten [object HtmlDivElement] zurückgegeben werden versuchen alert(document.getElementById('Yes')) statt alert($('#Yes')
  • Wow!!! Genial! Danke. Ich hatte den Eindruck, dass $ und dokumentieren.getElementbyId waren ein und dasselbe. Wie falsch ich war! Danke!!!
  • Gepostet den Kommentar als Antwort und fügte auch etwas mehr
  • Wenn Sie konvertieren möchten [object HtmlDivElement] oder andere HTML-Elemente zu [object Object] Elemente für JQuery verwenden, wickeln Sie $() um die variable, wie $(myHtmlVariable)
InformationsquelleAutor Knickerless-Noggins | 2012-03-20
  1. 5

    Den Grund alert($('#Yes') zeigt [object Object] ist, weil es ein jQuery-Objekt.

    Auf der anderen Seite, wenn Sie möchten [object HtmlDivElement] zurückgegeben werden versuchen alert(document.getElementById('Yes')) statt alert($('#Yes'))

    Können Sie auch die plain js-Objekt aus einem jQuery-Objekt mit get()

    zB.
    alert($('#ja')) zeigt [object Object] und wenn Sie versuchen alert($('#Yes').get(0)) erhalten Sie [object HtmlDivElement]

    • Awesomeness. Danke
    InformationsquelleAutor Clyde Lobo
  2. 2

    Zusätzliche Klasse für den div-Tag für die option 

    <div id="yes" class="button buttonUp">Yes</div>
<div id="no" class="button buttonUp">No</div>
<div id="maybe" class="button buttonUp">Maybe</div>

    Hier wird jQuery-code, um die option

    var option;
$('.button').click(function() {
    option = $(this).attr('id');
    $('.selected').html('Your option - ' + option);
    $(this).addClass('buttonDown').removeClass('buttonUp');
});​

    Überprüfen Sie die Beispiel-code in jsFiddle http://jsfiddle.net/prasofty/zWjjk/

    InformationsquelleAutor prasannaboga
Schreibe einen Kommentar