读书人

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

发布时间: 2013-08-04 18:26:16 作者: rapoo

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

读书人网 >asp.net

热点推荐