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