javascript取消匿名点击功能

Question

这里是非常基本的东西。我想给点击函数一个名称并为其分配一些参数。目标是代码的可重用性，这样我就可以只为常见任务编写一个通用函数，例如使用户能够删除各种数据。

这是一个 jsfiddle向您展示我的意思。

这是代码:

HTML:

<button>delete this</button>
<div data-id="3" class="delete">something bad</div>
<div data-id="4" class="delete">something else bad</div>

和 JS:

// this function would be loaded on my site's template and therefore would be available across my entire site.
function deleteThis(data_id){           
   $('button').on('click', 'button', function(){
      $('div[data-id="'+data_id+'"]').hide();  
   });
}  

var clicked_id=3;
function deleteThis(clicked_id); 
// this function would be called on the various pages where users can delete things and this variable, clicked_id, would be assigned=3 by the user's action on that page.

如何给这个按钮点击事件命名？

更新 谢谢大家! $('button') 应该是 $(document.body) 或按钮的父元素。如果您进行简单的更改，它就会起作用。您也可以按照 Michael Buen 下面的建议进行操作。

Answer 1

只需重构您的代码，将删除功能放在它自己的函数中

<button>delete this</button>
<div data-id="3" class="delete">something bad</div>
<div data-id="4" class="delete">something else bad</div>
​

$('button').on('click', function() { deleteImmediately(3) });

function deleteImmediately(id) { -- refactored code
    $('div[data-id='+id+']').hide();  
}​

现场测试:http://jsfiddle.net/e2kuj/2/