document.getElementById('joblist').addEventListener('click', function (ev) {
var target = ev.target || ev.srcElement;
if (target.nodeName.toLowerCase() == 'button') {
var e = document.getElementById(target.parentNode.id);
document.getElementById("joblist").removeChild(e);
}
});
二、jquery实现' D% U; N G9 S* Q0 K& Q
从 jQuery 1.7 开始,您应该使用on的方式,语法如下:: b+ p0 s; ]5 W/ X
解释:. L. R. b M/ F3 T- M+ C' I: `
这称为事件委托,其工作原理如下。该事件附加到staticAncestors应处理的元素的静态父级 ( )。每次在此元素或后代元素之一上触发事件时,都会触发此 jQuery 处理程序。然后处理程序检查触发事件的元素是否与您的选择器 ( dynamicChild)匹配。当匹配时,您的自定义处理程序函数将被执行。2 v w3 [ ?6 I4 {0 c( w3 w8 ? u
在此之前,推荐的方法是使用live():) i b1 f$ {/ T8 q1 h. q
$(document).on('mouseover mouseout', '.dosomething', function(){
// what you want to happen when mouseover and mouseout
// occurs on elements that match '.dosomething'
});