附加单击事件以跨越HTML中的标记？

Question

我有一个div，其中包含许多spans和这些span的每个包含单个href。

如何将点击事件附加到a标记？

Answer 1

你live选择将div span a（一span这是一个div内某处内的某处a）。例如：

$('div span a').live('click', function() { 
    // ... 
}); 

如果你想将它限制为仅的a这是一个span的直接子这是一个直接孩子div的，这将是adiv > span > a（或div span > a s是span的直接子女，div等）。

如果您只想为一个特定的div执行此操作，请将div替换为#the_id_of_the_div（或任何其他可识别该特定div的选择器）。

Answer 2

如果有大量的锚（a，或“HREF中”作为OP称他们）的那么这可能是更好的使用事件代表团写：附上一个click监听父div和回调，找出哪个a最初解雇了这个事件。

$('#yourDiv').click(function (event) 
{ 
    var $target = $(event.target); 
    if($target.is('div>span>a') 
    { 
     // your callback logic here, where you can consider 
     // $target to be analogous to $(this) in a non-delegated handler 
    } 
});