除非单击另一个链接，否则转到容器中的第一个链接答案

【问题标题】：Go to 1st link in container unless another link is clicked除非单击另一个链接，否则转到容器中的第一个链接
【发布时间】：2013-08-26 16:34:15
【问题描述】：

当您单击容器上的任何位置时，是否可以转到容器中的第一个链接，除非在其中单击另一个链接？

我目前有这个：

js:

$('.container').click( function() {
    window.location=$(this).find("a").attr("href");
    return false;
});

html:

<div class="container">

    <ul>
        <li><a href="[link one's link]">Link 1</a></li>
        <li><a href="[link two's link]">Link 2</a></li>
        <li><a href="[link three's link]">Link 3</a></li>
        <li><a href="[link four's link]">Link 4</a></li>
    </ul>

</div>

任何帮助将不胜感激，因为无论我点击哪个链接，它目前都只会转到第一个链接...

【问题讨论】：

标签： javascript jquery html containers

【解决方案1】：

试试

$('.container').click( function(e) {
    window.location = $(e.target).is('a') ? e.target.href : $(this).find("a").attr("href");
    return false;
});

演示：Fiddle

【讨论】：

这个。作为补充，我会将return false; 更改为e.preventDefault(); - 只是更好的做法。