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

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;
});

演示：Fiddle