我有三个段落看起来像三个单独的按钮:
<p id="showCloud" class="newRefreshThree" name="tabbed"><span class="ico"></span><a href="">{i18n key="evadmin.title.cloud"}</a></p>
{if $enableCapacityReport=="1"}
<p id="showStats" name="tabbed"><span class="ico"></span><a href="" >{i18n key="evadmin.stats.showstats"}</a></p>
{/if}
<p id="showInfrastructure" name="tabbed" class="newRefreshFour"><span class="ico"></span><a href="">{i18n key="evadmin.title.infrastructure"}</a></p>
他们都同名,name = tabbed
这些段落/按钮中的每一个都将用户发送到一个单独的选项卡,我想突出显示选择的任何选项卡的按钮,同时确保所有其他类型都未突出显示。
刚才我写了我认为是我需要的 JQuery 的第一部分:
$('p[name=tabbed]').click(function(){
$(this).css('background-color','red');
});
但显然这并没有取消选择其他 p,而且我不知道最有效/最好的方法..
此外,我希望在页面最初加载时突出显示初始按钮/p,以便它开始为该选项卡突出显示。
谁能向我推荐我可以使用什么事件/方法来完成我刚才所说的一切,甚至举个例子?问候