Jquery 如何将链接与菜单项匹配

Jquery 如何将链接与菜单项匹配,jquery,Jquery,我举了以下例子: 在页面item2中有一个附加链接,因此在不单击菜单的情况下,我想单击additional item2链接,以便菜单高亮显示 $('#sb-navigation li').click(function() { $('#sb-navigation li').removeClass('selected'); $(this).addClass('selected'); }); 如果我理解正确,您希望在用户单击item2链接时突出显示item2菜单项 添加事件处理程序,

我举了以下例子:

在页面item2中有一个附加链接,因此在不单击菜单的情况下,我想单击additional item2链接,以便菜单高亮显示

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

如果我理解正确,您希望在用户单击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');
});
演示:

您可以使用触发器“单击”

$'sb-a.item2'.parent.addClass'selected';
<a class="tabtarget" data-target="item2" href="#">item2</a>

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