html - [object Object] 和 [object HtmlDivElement] 之间的区别。 Div 玩转 jQuery

Question

我正在使用类似单选按钮的 div，有一个问题。

我这样声明一个函数和变量

我设置了两种样式，一个 .buttonUp 和 .buttonDown 应用于 div 的 onclick 事件。

<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>

我这样在div中调用一个函数

<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>

这工作正常，但我无法为 onCheck 变量设置默认值。

我试过给 div id，但是当我 alert($('#Yes') 它显示 [object Object]，而如果我 alert(param_ElementRef) 它显示 [object HtmlDivElement]

两者有明显的区别，有没有办法通过id引用或者类似的方式返回同一个对象？

非常感谢

Answer 1

alert($('#Yes')显示[object Object]的原因是因为它是一个jQuery对象。

另一方面，如果您想要返回 [object HtmlDivElement]，请尝试 alert(document.getElementById('Yes')) 而不是 alert( $('#Yes'))

您还可以使用 get() 从 jQuery 对象中获取纯 js 对象

例如。 alert($('#Yes')) 显示 [object Object] 如果你尝试 alert($('#Yes').get(0)) 你会获取[对象 HtmlDivElement]