[object Object]和[object HtmlDivElement]之间的区别. Div玩jQuery

我正在使用像单选按钮这样的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变量的默认值时遇到问题.

我试过给divs id了,但是当我发出警报时($(‘#Yes’)它会显示[object Object],而如果我发出警报(param_ElementRef)它会显示[object Htmldivelement]

这两者之间显然存在差异,有没有办法通过id引用或类似方法返回相同的对象？

非常感谢

解决方法

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

另一方面,如果你想要返回[object Htmldivelement],请尝试alert(document.getElementById(‘Yes’))而不是alert($(‘#Yes’))

您还可以使用get()从jQuery对象获取普通的js对象

例如.alert($(‘#Yes’))显示[object Object],如果你尝试alert($(‘#Yes’).get(0))你会得到[object Htmldivelement]