如何匹配菜单项的链接

Question

我有以下示例：

http://jsfiddle.net/zidski/0p4s3uwf/7/

页面item2中有一个额外的链接，所以没有点击菜单，我想点击addtional item2链接，以便突出显示菜单。

$('#sb-navigation li').click(function() {
    $('#sb-navigation li').removeClass('selected');
    $(this).addClass('selected');
});

Answer 1

如果我理解正确，您想要的是在用户点击item2链接时突出​​显示item2菜单项。

像这样添加事件处理程序：

$('.item2').click(function() {
    $('#sb-navigation li').removeClass('selected'); //remove the selection from the other lis
    $('#sb-navigation li a.item2').parent().addClass('selected');
});

演示：http://jsfiddle.net/kmoe/h72t8ea7/1/

Answer 2

您可以使用trigger('click')

<a class="tabtarget" data-target="item2" href="#">item2</a>

<script>
$(".tabtarget").click(function(){
    $("#sb-navigation li a."+$(this).data("target")).trigger('click')
})
</script>

Full Code