Question

我的应用程序中有一个类似于

的循环点击功能

for(var i = 0; i < 10; i++)
{
    $("#clickedButton"+i+"").click(function()
    {
        //Code Here
    }
}

我的问题是我需要一种方法来判断单击了哪个按钮。我可以创建9个单击函数，但它们都完全相同，所以我认为循环它是最好的。有没有办法让我知道哪一个被点击了。我已经能够成功完成这一次，如下所示

var i = 0;
if(i == 0)
{
    alert(i);
    $("#amount0").empty();
    amountCount[0]--;
    $("#amount0").append(amountCount[0]);
}
i++

当我尝试在点击时循环时添加第二个if语句时，它也会更改第一个if语句中的信息。我需要能够单独更改信息，并且可以按任意顺序多次单击按钮。

如果需要任何其他信息，请告诉我

Answer 1

试试这个：

for(var i = 0; i < 10; i++)
{
    $("#clickedButton"+i+"").click(function()
    {
        alert("You have clicked: ", $(this).attr('id'));            
    }
}

Answer 2

由于您要为每个按钮分配一个id，除了id末尾的索引之外几乎完全相同，您可以将所有按钮分配给同一个类并使用<{1}}或data-属性代表它们所代表的索引。

<强> HTML

id

<强> JAVASCRIPT

<button class="myButton" data-index="0" />
<button class="myButton" data-index="1" />
...

JQuery - 检查在循环点击功能中单击了哪个按钮

2 个答案: