Javascript DOM中的JQuery搜索和替换
我试图在JQuery中实现,一旦用户单击一个链接,例如Javascript DOM中的JQuery搜索和替换,javascript,jquery,html,Javascript,Jquery,Html,我试图在JQuery中实现,一旦用户单击一个链接,例如Feedback.aspx从Default中选择属性。aspxli将被删除并添加到Feedback.aspxli <ul id="main_menu" class="main_menu ui-sortable"> <li class="limenu select"><a href="Default.aspx"><span class="ico gray shadow home"
Feedback.aspx
从Default中选择属性。aspx
li
将被删除并添加到Feedback.aspx
li
<ul id="main_menu" class="main_menu ui-sortable">
<li class="limenu select"><a href="Default.aspx"><span class="ico gray shadow home"></span><b style="">Home</b></a></li>
<li class="limenu"><a href="OnlineUsers.aspx"><span class="ico gray shadow messenger"></span><b style="">Who is online?</b></a></li>
<li class="limenu"><a href="Feedback.aspx"><span class="ico gray shadow hand_thumbsup"></span><b style="">Feedback</b></a></li>
<li class="limenu"><a href="About.aspx"><span class="ico gray shadow info"></span><b style="">About</b> </a></li>
<li class="limenu"><a href="UserDetails.aspx"><span class="ico gray shadow user"></span><b style="">User Details</b> </a></li>
<li class="limenu"><a href="ChangePassword.aspx"><span class="ico gray shadow password"></span><b style="">Change Password</b></a></li>
<li class="limenu"><a href="Login.aspx"><span class="ico gray shadow power"></span><b style="">Logout</b> </a></li>
</ul>
编辑:我的新url正在打开,因此我需要查找反馈。aspx
在新页面中向其添加选择
,这应该可以:
$('li.limenu a').click(function(){
$('li.limenu').removeClass('select');
$(this).parent().addClass('select');
});
我在本例中添加了e.preventDefault
,以便不遵循链接,我假设您的示例使用了一个类似效果的默认目标
如果要更改页面,最简单的解决方案是在打开页面时检查:
$(function(){
var pathtokens = document.location.pathname.split('/');
var page = pathtokens[pathtokens.length-1];
$('li.limenu').removeClass('select');
$('li.limenu a').each(function(){
if ($(this).attr('href')==page) $(this).parent().addClass('select');
});
});
取决于是否打开新url,或者链接是否激活同一页面中加载的ajax内容。每次OP更新,这将适用于ajax内容,而不是新页面load@charlietfl谢谢我看到了更新,并相应地更新了我的答案。@dystroy。。次要报价问题'page'
为字符串非字符串variable@user829174对不起,打错了。感谢charflietfl指出这一点。