javascript - Jquery使用类来绑定(bind)链接和图像

Question

嘿，我这个问题，有一些李，并在主题中一个链接和一个图像:

<li><a  href"somelink"></a><img src-""/></li> 
<li><a  href"somelink"></a><img src-""/></li> 
...

我想将 img 与链接绑定(bind)，我的意思是当有人单击图像时，链接会被单击或类似的东西...但我不想使用 window.location.href...我'我感兴趣是否可以使用同一个类将主题连接在一起...这可能吗？

谢谢

Answer 1

更具体一些，但如果您想从图像创建链接，则必须用 a 标记将其包裹起来。

<ul>
  <li><a href="http://foo.com"></a><img src="" class="image-element" /></li>
  <li><a href="http://foo.com"></a><img src="" class="image-element" /></li>
</ul>

// Using Live w/ Click Event
$('.image-element').live('click', function() {
    window.location.href = $(this).prev().attr("href");
});

// Click Event
$('.image-element').click(function(){  
    window.location.href = $(this).prev().attr("href");
});

这是 window.location 文档。
https://developer.mozilla.org/en/DOM/window.location