Question

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

当前HTML：

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

我想要最终得到的结果（无论是在点击还是在准备好doc上）：

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

选择＆amp;更改列表项

1 个答案: