div点击锚标签不工作jquery

Question

JS FIDDLE DEMO

这里有一个子div在锚标签内,如何得到子div的click事件,例如如果用户点击具有类.press_me alert msg的div 得到显示,如果用户点击主div上的任何地方它应该重定向到相应的锚链接

HTML:

<a href="https://www.google.co.in"><div class="dv_child"> America <div class="press_me">click me</div></div></a>
 <a href="https://www.google.co.in" target="_blank"><div class="dv_child"> India <div class="press_me">click me</div></div></a>
<a href="https://www.google.co.in" target="_blank"><div class="dv_child"> Russia <div class="press_me">click me</div></div></a>
<a href="https://www.google.co.in" target="_blank"><div class="dv_child"> Germany <div class="press_me">click me</div></div></a>

JQUERY:

$(".press_me").on('click', function () {
    alert($(this).parent().html());
});

Answer 1

使用$(this)而不是$this.您还可以使用event.stopPropagation()停止将子单击传播到父级.

在您的情况下,您只需要阻止锚标记的默认行为.为此,使用event.preventDefault()

$(".press_me").on('click', function (e) {
    e.preventDefault()
    alert($(this).parent().html());
});

更新了小提琴