jquery 如何控制div 的显示隐藏问题？
@if(Model!=null){foreach(variteminModel){inti=0;stringtmpid="shop"+i;stringslpid="sl"...
@if (Model != null){
foreach (var item in Model)
{ int i = 0;
string tmpid = "shop" + i;
string slpid = "sl" + i;
<li >
<p class="rul" id="@tmpid">
</p>
<div class="shopinfo" id="@slpid" style="display:none">
</div>
</li>
i++;
}
}
如上，这是 mvc 的一种写法， 大概意思就是有n个这样的<li>循环 其中<p class="rul">的id 依次为shop0、shop1、shop2...... <div class="shopinfo">的id 依次为sl0 、sl1、sl2......
现在要实现点shop0 显示sl0。点shop1 显示sl1.....的功能。求jquery 的写法！！ 展开
foreach (var item in Model)
{ int i = 0;
string tmpid = "shop" + i;
string slpid = "sl" + i;
<li >
<p class="rul" id="@tmpid">
</p>
<div class="shopinfo" id="@slpid" style="display:none">
</div>
</li>
i++;
}
}
如上，这是 mvc 的一种写法， 大概意思就是有n个这样的<li>循环 其中<p class="rul">的id 依次为shop0、shop1、shop2...... <div class="shopinfo">的id 依次为sl0 、sl1、sl2......
现在要实现点shop0 显示sl0。点shop1 显示sl1.....的功能。求jquery 的写法！！ 展开
1个回答
展开全部
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script class="jquery library" src="/js/sandbox/jquery/jquery-1.8.2.min.js" type="text/javascript"></script>
<title>RunJS 演示代码</title>
<script>
$(function() {
var n = 10,
ul = $("#ul");
$(new Array(n)).each(function(i, dom) {
ul.append('<li ><p class="rul" id="shop' + i + '" onclick="$(this).next(\'div\').toggle()">11</p><div class="shopinfo" id="sl' + i + '" style="display:none">ss</div></li>');
});
});
</script>
</head>
<body>
<ul id="ul"></ul>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
