1

それぞれにハイパーリンクを含む多数のリスト項目があります。私がやりたいことは、各リンクから href を取得し、「クリック時」クエリを使用してリスト項目に適用することです。つまり、ハイパーリンクだけでなく、li 要素全体がクリック可能になります。

現在の HTML:

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

私が最終的にやりたいこと（liクリックまたはdoc readyのいずれか）：

<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 によって動的に生成されるため、この方法で行う必要があります。

4

1 に答える 1

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;
});
于 2012-09-19T13:48:19.663 に答える