jquery 在请教,对于大牛来说就是送分

黄瓜黄瓜 2013-07-22 02:51:21

<ul class="next_tab">
<li ><a href="/xxx/2013">2013</a></li>
<li ><a href="/xxx/2012">2012</a></li>
<li ><a href="/xxx/2011">2011</a></li>
<li ><a href="/xxx/2010">2010</a></li>
<li ><a href="/xxx/2009">2009</a></li>
<li ><a href="/xxx/2008">2008</a></li>
</ul>

想要的效果是这样的

页面加载时可以得到一个数字 也就是年份 例如2013

javascript 中就有
var year=@Model.Year;

我要判断当year==$(".next_tab li") 中的Text() 时 addClass("on") 也就是选中的样式。
然后将这个li中的超链接去掉。
...全文
84 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
黄瓜黄瓜 2013-07-22
  • 打赏
  • 举报
回复
谢谢 两种方式都可以
  • 打赏
  • 举报
回复
function setOn(value){
var links = $('.next_tab a');
for(var i=0;i<links.length;i++){
    if($(links[i]).text()==value){
    $(links[i]).addClass('on');
    $(links[i]).removeAttr('href');//移除href后的a就跟label无区别
    break;
  }
 }
}
  • 打赏
  • 举报
回复
引用 楼主 Net_Java_dram 的回复:

  <ul class="next_tab">
                    <li ><a href="/xxx/2013">2013</a></li>
                    <li ><a href="/xxx/2012">2012</a></li>
                    <li ><a href="/xxx/2011">2011</a></li>
                    <li ><a href="/xxx/2010">2010</a></li>
                    <li ><a href="/xxx/2009">2009</a></li>
					<li ><a href="/xxx/2008">2008</a></li>
                </ul>
想要的效果是这样的 页面加载时可以得到一个数字 也就是年份 例如2013 javascript 中就有 var year=@Model.Year; 我要判断当year==$(".next_tab li") 中的Text() 时 addClass("on") 也就是选中的样式。 然后将这个li中的超链接去掉。
<script type="text/javascript"> $(document).ready(function () { var s = "2013"; $(".next_tab li").each(function () { if ($(this).find("a").first().html() == s) { $(this).addClass("on"); $(this).html(s); } }); }) </script>

62,041

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧