選擇和更改列表項目

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