本人新手,大神们请看一下这是一个商品的列表,用js怎么控制点击修改备注的时候只显示一个呢?
展开全部
首先你这个要遍历这是肯定的,因为你是列表,
举个例子:
<div class="a">11111111111111111</div><br />
<div class="a">22222222222222222</div><br />
<div class="a">33333333333333333</div><br />
<div class="a">44444444444444444</div><br />
<div class="a">55555555555555555</div><br />
我有这么多的列表数据,现在我要做的和你一样也是点击其中一个修改(或者增加)
var expand = true;
//先建一个开关默认是开启的
$(".a").hover(function(){
$(this).each(function(){
//循环列表数据
if(expand) {
//给指定的历表数据增加一个<li>
$(this).append("<li>Appended item</li>");
expand = false;
//最后移开结束-关闭
}
else {
//如果其他li是隐藏的
$("li").hide();
expand = true;
//再次开启回到最开始的状态
}
这样就是一个个的修改,不会操作一下全都出来了
});
});
举个例子:
<div class="a">11111111111111111</div><br />
<div class="a">22222222222222222</div><br />
<div class="a">33333333333333333</div><br />
<div class="a">44444444444444444</div><br />
<div class="a">55555555555555555</div><br />
我有这么多的列表数据,现在我要做的和你一样也是点击其中一个修改(或者增加)
var expand = true;
//先建一个开关默认是开启的
$(".a").hover(function(){
$(this).each(function(){
//循环列表数据
if(expand) {
//给指定的历表数据增加一个<li>
$(this).append("<li>Appended item</li>");
expand = false;
//最后移开结束-关闭
}
else {
//如果其他li是隐藏的
$("li").hide();
expand = true;
//再次开启回到最开始的状态
}
这样就是一个个的修改,不会操作一下全都出来了
});
});
展开全部
你的这个<td>标签应该不止一个吧(看你的截图有两个),这样的话$(".min_2_4 .remark").toggle();相当于对所有的classname为remark的div使用了toggle()方法。解决办法是通过each方法循环遍历每一个对象。
还有一个简单点的办法,把你那句$(".min_2_4 .remark").toggle();改成$(this).next().toggle();
还有一个简单点的办法,把你那句$(".min_2_4 .remark").toggle();改成$(this).next().toggle();
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询