jquery循环创建div

最新推荐文章于 2024-06-19 11:12:11 发布

hedan_hd

最新推荐文章于 2024-06-19 11:12:11 发布

阅读量7.6k

点赞数

分类专栏： web开发文章标签： jquery function div class null 2010

本文链接：https://blog.csdn.net/hedan_hd/article/details/7922954

版权

web开发专栏收录该内容

7 篇文章 0 订阅

订阅专栏

数据结果：{"doubanList":[{"index":"alias1","formosaList":["熊麻吉"],"hongKongList":["贱熊30"],"chineseAliasList":["泰德","熊吉"],"enNameAndYear":"泰迪熊 Ted(2012)"},{"index":"alias4","formosaList":null,"hongKongList":null,"chineseAliasList":["循环"],"enNameAndYear":"泰迪熊过马路 Cycles(2010)"}]}

function detailAlias(doubanList)
{

$("#showAlias").html('');
$.each(doubanList,function(i)
{
  chineseAlias = doubanList[i].chineseAliasList;
  hongKongAlias = doubanList[i].hongKongList;
  formosaAlias = doubanList[i].formosaList;
  $("#showAlias").append("<div class='listboxunion' id='"+ doubanList[i].index +"'><div class='title tt'>"+ doubanList[i].enNameAndYear +"</div></div>");

  $("#" + doubanList[i].index).append("<div class='uu' id='chinese"+ doubanList[i].index +"'></div>");
  $("#" + doubanList[i].index).append("<div class='uu' id='hongKong"+ doubanList[i].index +"'></div>");
  $("#" + doubanList[i].index).append("<div class='uu' id='formosa"+ doubanList[i].index +"'></div>");

  if(chineseAlias != null)
  {
   $.each(chineseAlias,function(j)
   {
    $("#chinese"+ doubanList[i].index).append("<div>"+ chineseAlias[j] +"</div>");
   });
  }

  if(hongKongAlias != null)
  {
   $.each(hongKongAlias,function(j)
   {
    $("#hongKong"+ doubanList[i].index).append("<div>"+ hongKongAlias[j] +"</div>");
   });
  }

  if(formosaAlias != null)
  {
   $.each(formosaAlias,function(j)
   {
    $("#formosa"+ doubanList[i].index).append("<div>"+ formosaAlias[j] +"</div>");
   });
  }
});
};