jquery 在请问，对于大牛来说就是送分

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

  <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中的超链接去掉。
[解决办法]

引用:

  <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>
[解决办法]

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;
  }
 }
}

查看更多 下一篇