$('div').on('click', 'a', function(e) {
alert(e.target.textContent)
})
事件最开始由最具体的元素（文档中嵌套层次最深的那个节点，这里是a）接收，然后逐级向上传播至最不具体的那个节点，这就是事件冒泡的流程，在这里你给两个div都绑定了click事件，都由a接收并执行回调函数，所以会触发两次
a上层有两个div，冒泡了两次。
你换成
$('.left').on('click', 'a', function(e) {
alert(e.target.textContent)
})
就没问题了，这应该是你想做的事。
事件冒泡吧