jquery 动态创建div并判断是每行的第几个
我要做一个菜单导航页面，每行显示3个菜单，菜单列表是从数据库读出来的，3个菜单的边框要分别显示为红、绿、蓝，没行都是一样的，我如何判断才能够显示出预期的效果？详细效果类似...
我要做一个菜单导航页面，每行显示3个菜单，菜单列表是从数据库读出来的，3个菜单的边框要分别显示为红、绿、蓝，没行都是一样的，我如何判断才能够显示出预期的效果？详细效果类似于图片所示
展开
3个回答
展开全部
<!DOCTYPE HTML>
<html>
<head>
<title>yugi</title>
<meta charset=UTF-8 />
<style type="text/css">
</style>
<script type="text/javascript"碧粗 src="jquery-1.8.0.min.js"></script>
<script type="text/javascript">
jQuery (function ($)
败档{
var body = $ ("body");
$ (new Array (6)).each (function (i)
{
$ (new Array (3)).each (function (j)
{
body.append ($ ("<div>菜单" + (i * 3 + j + 1) + "</div>").css (
{
display: "inline-table",
width: "100px",
textAlign: "center",
cursor: "pointer",
margin: "0px 0px 10px 10px",
border : "3px solid " + [
"red", "green", "blue"察慧乱
][j % 3]
}));
});
body.append ("<br / >");
});
});
</script>
</head>
<body>
<body>
</body>
</html>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
数据库里给红闷数戚色的菜单价蚂陵格字段是1 绿的是2 蓝的是3 到了页面判断这个字段是什么值就毕弯给什么颜色
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
2016-04-08 · 百度知道合伙人官方认证企业
育知同创教育
1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】
向TA提问
关注
![]()
展开全部
jquery 动态创建div并庆宴判断第几个的方法：
1.创建方法：
方法一：
var creatediv= function(){
var parentdiv=$('<div></div>'); //创建一个父div
parentdiv.attr('id'耐差升,'parent'); //给父div设置id
parentdiv.addclass('parentdiv'); //添加css样式
var childdiv=$('<div></div>'); //创建一个子div
childdiv.attr('id','child'); //给子div设置id
childdiv.addclass('childdiv'); //添加css样式
childdiv.appendto(parentdiv); //将子div添加到父div中
parentdiv.appendto('body'); //将父div添加到body中
}
方法二：
var boarddiv = "<div style='background:white;width:100%;height:100%;z-index:999;position:absolute;top:0;margin-top:100px;'>加载中...</div>";
$(window).load(function(){
//window.alert("ok");
$(document.body).append(boarddiv);
});
2.判断是第几个div的方法：
var index1 = $("#divid").index(this);
alert("当前是第"+index1+"个昌老div");
1.创建方法：
方法一：
var creatediv= function(){
var parentdiv=$('<div></div>'); //创建一个父div
parentdiv.attr('id'耐差升,'parent'); //给父div设置id
parentdiv.addclass('parentdiv'); //添加css样式
var childdiv=$('<div></div>'); //创建一个子div
childdiv.attr('id','child'); //给子div设置id
childdiv.addclass('childdiv'); //添加css样式
childdiv.appendto(parentdiv); //将子div添加到父div中
parentdiv.appendto('body'); //将父div添加到body中
}
方法二：
var boarddiv = "<div style='background:white;width:100%;height:100%;z-index:999;position:absolute;top:0;margin-top:100px;'>加载中...</div>";
$(window).load(function(){
//window.alert("ok");
$(document.body).append(boarddiv);
});
2.判断是第几个div的方法：
var index1 = $("#divid").index(this);
alert("当前是第"+index1+"个昌老div");
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
