最近有个做招聘网站的客户提出了个修改要求，要求报名列表上的某个元素可点击，点击后可以录取这个人。 这不是日了个狗了嘛，现在的列表项的每项是用a标签包着的，并且是多处调用这里，所以不能将a标签改成其它。 不过也得满足不是。 经过一番查找，找到一个方法：阻止冒泡事件
代码如下：
<div class="list">
<a href="" class="list-item">
麻花藤<br/>
2018-10-15 18:52:33<br/>
<!-- 给span元素加上pass类，点击这丫的录取此人 -->
<span class="pass">点击录取</span>
</a>
<a href="" class="list-item">
马云<br/>
2018-10-15 18:52:33<br/>
<span class="pass">点击录取</span>
</a>
<a href="" class="list-item">
王健林<br/>
2018-10-15 18:52:33<br/>
<span class="pass">点击录取</span>
</a>
</div>
<script>
// 这里用了JQuery，很多人说过时了，但我还是挺喜欢用的，方便！
$(document).on('click', '.pass', function (e) {
// 这里执行你要执行的动作，例如请求同意录取接口
// .....
// 阻止冒泡事件
e.stopPropagation();
// 取消默认动作
return false;
});
</script>