V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
lvcx007
V2EX  ›  前端开发

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

  •  
  •   lvcx007 · 2015-05-18 16:32:47 +08:00 · 2047 次点击
    这是一个创建于 3512 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    7 条回复    2015-05-19 13:42:36 +08:00
    airyland
        1
    airyland  
       2015-05-18 16:58:00 +08:00
    so, what do you want to ask?
    cxe2v
        2
    cxe2v  
       2015-05-18 17:00:31 +08:00
    @airyland 楼主想要JS代码
    cxe2v
        3
    cxe2v  
       2015-05-18 17:06:21 +08:00   ❤️ 1
    $(".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
        4
    lvcx007  
    OP
       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
        5
    cxe2v  
       2015-05-19 13:39:26 +08:00
    @lvcx007 覆盖是指显示同样的数据?
    cxe2v
        6
    cxe2v  
       2015-05-19 13:41:12 +08:00
    @lvcx007 看了下你的代码,你不管在index==1还是==0的时候,都是填充的同样的内容啊
    lvcx007
        7
    lvcx007  
    OP
       2015-05-19 13:42:36 +08:00
    @cxe2v 内容是调用的表单数据,不同的,这个问题,我根据你的代码又重新修改了一下,现在好了,谢谢了
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2860 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 20ms · UTC 08:55 · PVG 16:55 · LAX 00:55 · JFK 03:55
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.