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

Go to 1st link in container unless another link is clicked

本文关键字:链接 单击 另一个 第一个      更新时间:2023-09-26

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

我现在有这个:

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>

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

尝试

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

演示:Fiddle