如何调用通过它传递不同 ID 的函数方法

How call a function method passing through it different IDs?

本文关键字:ID 方法 函数 何调用 调用      更新时间:2023-09-26

我想做一个可以应用于许多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); 
}

你的函数调用是有缺陷的 - 你需要为 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在评论中发现缺陷