选择和更改列表项目

Question

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

当前HTML：

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

我想结束了（无论是在李点击或文档准备）：

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