jquery - 选择和更改列表项

Question

我有许多列表项，每个列表项都包含一个超链接。我想要做的是从每个链接中获取href，并使用“单击时”使用查询将其应用于列表项。这意味着整个 li 元素将是可点击的，而不仅仅是超链接。

当前的 HTML：

<ul class="menusidecourse">
<li><a href="LINK1" >Item 1</a></li>
<li><a href="LINK2" >Item 2</a></li>
</ul>

我想要结束的内容（在 li 点击或准备好的文档上）：

<ul class="menusidecourse">
<li onclick="location.href='LINK1';"><a href="LINK1" >Item 1</a></li>
<li onclick="location.href='LINK2';"><a href="LINK2" >Item 2</a></li>
</ul>

我已经尝试过这些路线（但没有运气）：

$('.menusidecourse li').click(function(){   
   var link = $('.menusidecourse li a', this).attr("href");
        $('.menusidecourse li', this).replaceWith('???');

    });

感谢您的关注！

注意：必须这样做，因为菜单是由 joomla 动态生成的。

Answer 1

像这样：

// add a click handler to the li element
$('.menusidecourse li').click(function(){
    // find the a element inside this li and get it's href   
    var link = $('a', this).attr("href");
    // navigate to the retrieved href
    window.location.href = link;
});