javascript - 如何调用传递不同 ID 的函数方法？

Question

我想制作一个可以应用于许多 ID 的计数器函数。这意味着我想通过它传递不同的 ID 来执行相同的操作。

类似的东西，但它不起作用:

<a href="#" onclick="update_counter_dynamically(count_1)">+1 Counter</a>

<div id="count_1" class="column">0</div>

<a href="#" onclick="update_counter_dynamically(count_2)">+1 Counter</a>

<div id="count_2" class="column">0</div>

function update_counter_dynamically(my_id){
    var actual_value = $('#'+my_id);
    var num = parseInt(actual_value.text());
    actual_value.text(num+1); 
}

Answer 1

您的函数调用有缺陷 - 您需要为 ID 传递字符串，但您传递的是(未定义的)变量。相反，请尝试:

<a href="#" onclick="update_counter_dynamically('count_1')">+1 Counter</a>

和

<a href="#" onclick="update_counter_dynamically('count_2')">+1 Counter</a>

请注意，count_1 现在使用单引号作为字符串传递。这允许我们在 onClick= 字符串中定义一个字符串。

感谢@NewToJS 发现评论中的缺陷