利用 jquery each 循环 item 这个类,并根据其索引值不同,分别向 item 下的.pic 和.title 利用 html()添加不同的内容

2015-05-18 16:32:47 +08:00
 lvcx007

<div class="articles">
<div class="item-big item">
<div class="pic"></div>
<div class="title"></div>
<i class="icon icon-cog" rel="1"></i>
</div>
<div class="item-small item">
<div class="pic"></div>
<div class="title"></div>
<i class="icon icon-cog" rel="2"></i>
</div>
<div class="item-small item">
<div class="pic"></div>
<div class="title"></div>
<i class="icon icon-cog" rel="2"></i>
</div>
<div style="width:360px;" id="zsc_add1bg">
<img src="__PUBLIC__/js/weixin/keywords_28.jpg" class="add1" style="cursor:pointer;">
</div>
</div>

2026 次点击
所在节点    前端开发
7 条回复
airyland
2015-05-18 16:58:00 +08:00
so, what do you want to ask?
cxe2v
2015-05-18 17:00:31 +08:00
@airyland 楼主想要JS代码
cxe2v
2015-05-18 17:06:21 +08:00
$(".item").each(function(index,element) {
if (index == 1) {
$(element).find(".pic")[0].html();
$(element).find(".title")[0].html();
}
if (index == 2) {
$(element).find(".pic")[0].html();
$(element).find(".title")[0].html();
}
});
lvcx007
2015-05-19 11:46:23 +08:00
@cxe2v 首先,非常感谢你,我根据你提供的代码修改了一下,但又遇到一个问题,那就是当填写第二行数据的时候,图片和标题信息都覆盖了前一行,如果填写第三行,那第一行和第二行的数据又被覆盖了
代码如下:
$(".item").each(function(index,element) {
var row = 'row'+clickRow; //当前位于第几行
if( data[row]){ //如果这一行有数据存在
if (index == 0) {
$(element).find(".pic").html(data[row].pic);
$(element).find(".title").html(data[row].title);
};
if (index == 1) {
$(element).find(".pic").html(data[row].pic);
$(element).find(".title").html(data[row].title);
};
};
});

请问有什么方法可以解决,谢谢了
cxe2v
2015-05-19 13:39:26 +08:00
@lvcx007 覆盖是指显示同样的数据?
cxe2v
2015-05-19 13:41:12 +08:00
@lvcx007 看了下你的代码,你不管在index==1还是==0的时候,都是填充的同样的内容啊
lvcx007
2015-05-19 13:42:36 +08:00
@cxe2v 内容是调用的表单数据,不同的,这个问题,我根据你的代码又重新修改了一下,现在好了,谢谢了

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/191969

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX