Javascript this.id 区分同一类的对象

Question

我有一个css类(.SideOption)，它在一个页面上有多个实例，我想有一些东西来区分它们(所以我选择了ID)，但我无法让JS获取ID，它只是在警报框中返回未定义。

JS；

function CreateBox()
{
    $MyID = this.id;
    alert($MyID);
}

$(document).ready(function() 
{
    $(".SideOption").click(function() 
    {   
        CreateBox();
    })
})

这就是 SideOption 的示例。

<div class="SideOption" id="1">
</div>

Answer 1

您可以使用call()方法以 this 的上下文调用函数 (example)

function CreateBox() {
    $MyID = this.id;
    alert($MyID);
}
$(".SideOption").click(function () {
    CreateBox.call(this);
});

或者，您可以在单击元素时传递对 CreateBox 函数的引用 (example)

function CreateBox() {
    $MyID = this.id;
    alert($MyID);
}

$(".SideOption").click(CreateBox);

_{(就其值(value)而言，a CSS selector cannot begin with a number。)}