jQuery Div OnClick触发兄弟链接

时间:2013-06-19 19:26:07

标签: javascript jquery html siblings

如何点击触发<div class="hover"></div> <a href="http://example.com" target="_blank">?我试过使用兄弟选择器,我似乎无法掌握它......

当有人点击div.hover时,我需要一个新窗口,使用兄弟锚点的href打开。

<ul id="photoUL">
<li>
<div class="hover"></div>
<a href="http://example.com" target="_blank">
<img width="150" height="150" style="border: 1px solid #000000;" title="2013 Dirty Duathlon" src="http://example.com/example.jpg">
</a>
<a href="http://example.com" target="_blank">EXAMPLE</a>
</li>

3 个答案:

答案 0 :(得分:4)

$('div.hover').on('click',function(){
    window.location.href = $(this).next('a').attr('href');
});

演示---> http://jsfiddle.net/NGwL9/

答案 1 :(得分:1)

演示:http://jsfiddle.net/kuJPC/

点击http://example.com时,这会在新标签页中打开.hover,其行为与<a href="http://example.com" target="_blank">相同

$('.hover').click(function() {
  window.open('http://example.com','_newtab');
});

答案 2 :(得分:0)

如果您不想使用“window.open”,则可以在悬停上放置一个单击处理程序,并使用下一个函数来模拟下一个锚标记的单击。

$('.hover').click(function(){
    $(this).next('a')[0].click();
});

这是一个有效的jsfiddle:

http://jsfiddle.net/4FNJM/1/