[object]和[object HtmlLevel]之间的差异。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>

var-onCheck；
功能设置收音机（参数元素参考）
{
if（param_ElementRef！=onCheck）
{
如果（onCheck）
{
onCheck.className='buttonUp'；
}
param_ElementRef.className='buttonDown'；
onCheck=param_ElementRef；
}
}

我在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 htmlidement]

两者之间有明显的区别，有没有一种方法可以通过id引用或类似方式返回相同的对象

---

非常感谢

为该选项向div添加额外的类

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

检查JSFIDLE中的示例代码

之所以显示

警报（$（“#Yes”）

是因为它是jQuery对象

另一方面，如果希望返回

[object htmldevelment]

，请尝试

警报（document.getElementById（'Yes'））

而不是

警报（$（'Yes'））

您还可以使用

get（）

例如。

---

alert（$（'#Yes'））显示

[对象对象]

，如果您尝试

alert（$（'#Yes'）.get（0））

，您将获得

[对象htmldevelment]

原因

警报（$（'#Yes'）

显示

[对象对象]

是因为它是一个jQuery对象。另一方面，如果您想要

[对象htmldevelment]

要返回，请尝试

警报（document.getElementById（'Yes'））

而不是

警报（$（'Yes'））

哇！太棒了！谢谢你。我觉得$document.getElementbyId是一个整体。我错了！谢谢！如果你想将

[object HtmlLevel]

或其他HTML元素转换为

[object object object object]，请将评论作为答案发布并添加更多内容

对于JQuery使用的元素，在变量周围包装

$（）

，比如$（myHtmlVariable）

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