如何调用函数方法传递不同的ID?

时间:2016-02-27 18:12:05

标签: javascript jquery

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

1 个答案:

答案 0 :(得分:2)

你的函数调用有缺陷 - 你需要为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 = string中定义一个字符串。

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