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

Question

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

我目前有这个：

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>

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

Answer 1

尝试

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

演示：小提琴