jquery循环创建div
数据结果:{"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>");
});
}
});
};
<div id="showAailas" class="ditu">
</div>
jquery循环创建div相关推荐
- jQuery循环遍历div,并且获取内容
var divbox = $(".checkbox.active"); $.each(divbox,function (index,don){ analysistypes. ...
- jquery循环获取div之间的内容
html代码如下: <table><tr> <td><div id='product_id'>123</div></td> &l ...
- JQ循环创建标签div
HTML <div class="morediv"></div> <button>创建div</button> JS(未添加ID) ...
- 如何使用Bootstrap Modal和jQuery AJAX创建登录功能
by Yogi 由瑜伽士 Bootstrap Modal is an excellent way to create a Login form on your website. In this tut ...
- for 循环,jQuery循环遍历详解
1.for 循环 原生JS最基本的使用: for (var i=0;i<cars.length;i++) {..... } for - 循环代码块一定的次数 2.for in for/in - ...
- 使用jQuery来创建Silverlight
使用jQuery来创建Silverlight jQuery已经成为了VS2010内置支持的JavaScript脚本框架了,小巧实用.这里看看怎么用jQuery来在页面中创建一个Silverlight. ...
- jQuery循环使用相同类的元素
本文翻译自:jQuery to loop through elements with the same class I have a load of divs with the class testi ...
- Java程序员从笨鸟到菜鸟之(八十七)跟我学jquery(三)jquery动态创建元素和常用函数示例
在上面两篇博客中列举了太多的API相信大家看着眼晕. 不过这些基础还必须要讲, 基础要扎实.其实对于这些列表大家可以跳过, 等以后用到时再回头看或者查询官方的API说明.在本博客中就给大家讲解一下这些 ...
- 扩展Jquery方法创建LigerUI Grid
///** //*封装jquery get请求ajax //*author:叶明龙 //*time:2012-12-10 //*/ function getAjax(url, para, fn) {i ...
最新文章
- Ubuntu中基于QT的系统网线连接状态的实时监视
- html5移动端笔记--代码分享
- jquery实战-定宽(二)
- Python之io概念
- 给力!使用MacPilot解锁macOS 1200多个隐藏功能!(支持M1处理器mac)
- Android应用程序键盘(Keyboard)消息处理机制分析(11)
- 【问答】开放领域问答梳理(2)
- XML-RPC 实现C++和C#交互
- 2017值得一瞥的JavaScript相关技术趋势
- 磁珠 符号_如何理解电子元件磁珠?
- SaaS-HRM 需求分析
- BGP手动路由聚合(学习笔记+实验验证)
- “拖延症”的良方——对于追求完美,自制力差,情绪化的人很受用...
- SwiftUI内功之如何设计Struct和Class不要和陌生人说话
- python允许无止境的循环_ParisGabriel:Python无止境 day07
- 复化梯形求积公式 c语言实现 数值积分
- Excel:单元格提取数字,并求和
- css3彩虹渐变色,css3渐变 彩虹条纹
- TCO-PNB ester,1438415-89-4, 反式环辛烯-对硝基苯
- 五个Windows工具提升你的学习、科研效率