jquery 动态创建div并判断是每行的第几个
我要做一个菜单导航页面，每行显示3个菜单，菜单列表是从数据库读出来的，3个菜单的边框要分别显示为红、绿、蓝，没行都是一样的，我如何判断才能够显示出预期的效果？详细效果类似于图片所示
<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.创建方法：
方法一：
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");
jquery 动态创建div并判断是每行的第几个
<!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 ...
jquery在一个父div中动态添加子div,并在每个子div中显示这是当前第几...
function(){ $("#box").append("<div><span>"+($("#box div").size()+1)+"<\/span><button>删除<\/button><\/div>"); }); $("#box").on("click","div button",function
Jquery有办法判断字的行数吗?
ext-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;这个一般用CSS控制就行。不过CSS兼容不强。IE可能会有问题。用JQUERY的话，除非宽度固定，直接判定字符长度处理。
javascript\/jquery怎么判断所点击元素是其父元素中的第几个子元素?
alert($(this).index()+1);});index()返回该元素的索引值，可表示该span属于其父元素<div>中的第几个子元素。
求一段jquery的代码写法,先判断一个div下有几个a标签的style display是b...
var _arrA = $("#btnPart a:not(:hidden)"); \/\/如果显示出来的<a>标签为一个的话 if( _arrA.length ==1 ){ _arrA.click(function(){ alert(this.outerHTML); }); } } });});<\/script>
jquery 动态创造div的并创建不同的id值
\/\/ 这里是生成之后的所有 div 的 id 字符串 var idList = new Array(); \/\/ 这里是生成之后，所有 div 的 id 数组 $(function() { \/\/ 这里循环生成 create 个 div for (var i = 1; i <= create; i++) { \/\/ 这里指定 id = "div" + i，对应为 div1 div...
JQUERY动态生成表格(行数若干),每行两个文本框的值相乘的结果显示到第...
获取到值之后，把相乘之后的结果赋值给第三行的文本框就行了
jquery 如何获取动态创建的div ID
可以用$("xxxx").attr('id');得到，前提是前面要有东西定位，不然不知道要找哪个div的id
javascript\/jquery怎么判断所点击元素是其父元素中的第几个子元素?
id"> <span>内容<\/span> <span>内容<\/span> <span>内容<\/span><span>内容<\/span><\/div><script>$(function(){ $('#id span').click(function(){ var ind = $('#id span').index(this)+1;\/\/获取当前点击的span下标 alert(ind)\/\/弹出第几个 })})<\/script> ...
javascript jquery ajax <div>动态添加表格, 删除表格table里的行...
document.getElementById('table').rows[rowIndex].style.display='null'
