jquery 遍历某个div 下的所有div怎么写

如题所述

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
<title>无标题文档</title>
<script>
$(function(){
$('#mydiv div').each(function(i){
$(this).css({'height':'30px','background-color' : '#ddd'});
if(i==3)//如果遍历到第四个时候
{$(this).css({'height':'30px','background-color' : 'yellow'});}
})
})
</script>
</head>

<body>
<div id="mydiv" style="width:200px;">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
</div>

</body>
</html>
温馨提示:内容为网友见解,仅供参考
第1个回答  2012-05-18
var divArr = $('#divId div ');
$.each(divArr,function(i,n){
//需要作的逻辑写这
});

jquery 遍历某个div下的所有div怎么写?
123$(".parent").find(".childNode").each(function(){ \/\/your code})jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码...

jquery 遍历某个div 下的所有div怎么写
(function(){ ('#mydiv div').each(function(i){ (this).css({'height':'30px','background-color' : '#ddd'});if(i==3)\/\/如果遍历到第四个时候 {$(this).css({'height':'30px','background-color' : 'yellow'});} })})<\/script> <\/head> <body> <div id="mydiv" ...

如何用jq获取一个div内部所有input[type='text']的值
用jq获取一个div内部所有input[type='text']的值,代码如下:<div id="divid"> <div><input type="hidden" value="456"><\/div> <\/div> <script type="text\/javascript"> ("#divid input[type=hidden]").each(function () { console.log(this.value);})<\/script> ...

Jquery怎么遍历div里面的div里面的ul的li数量,有代码求修改
}编写jquery代码 (function(){$(":button").click(function() {tol = $(".content .test li").length;num = $(".content .test ul").map(function() {return $(this).find("li").length;}).get().join(',');alert("不同div下的li数量分别为:"+num+",总数为:"+tol+"。");...

在jquery里,怎么选择“某个指定id的div下面的第2个子div”?
浏览器。1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。2、在index.html中的<script>标签,输入jquery代码:$('#a').append($('#a div').eq(1).text());。3、浏览器运行index.html页面,此时成功通过jquery挑选了id为a的div下面的第2个子div并打印了文本。

用jQuery怎么获取div下第一个或最后一个a标签的内容
提供两种方法获取div下第一个或最后一个a标签的内容: 使用选择器 first-child 和 last-child 使用遍历方法 first() 和last()实例演示如下:1、HTML结构<div id="test"><a href="#">第1个超链接<\/a><a href="#">第2个超链接<\/a><a href="#">第3个超链接<\/a><a href="#">第4...

jquery怎么选取某个元素下面的所有的input元素?
<\/div>`("#div-id").find("input")jquery选取某个元素以外的所有的input元素:可以使用jQuery 遍历中的 not() 方法来排除某些元素,例如根据元素的id,class等排除,示例代码 ("div.content *").not(".keep"); \/\/ 此代码表示content类的div下除keep类以外的所有元素。另外,注意*表示所有元素...

jquery在一个父div中动态添加子div,并在每个子div中显示这是当前第几...
function(){ $("#add").on("click",function(){ $("#box").append("<div><span>"+($("#box div").size()+1)+"<\/span><button>删除<\/button><\/div>"); }); $("#box").on("click","div button",function(){ $(this).parent().remove()...

要遍历每个li下面的第二个div,应该怎么写?
var lis=document.querySelectorAll("ul#list li");for(var i=0;i<lis.length;i++){ \/\/lis[i].getElementsByTagName("div")[1] 这个就是每个li下的第二个div } JQuery:("ul#list li").each(function(){ \/\/$(this).find("div:eq(1)") 这个就是每个li下的第二个div });...

jquery 如何遍历 父元素下 所有是2的倍数的子元素,写法 解释!_百度知...
("div").find("span:odd");jquery选择器中的 :even 和:odd选择器是用来筛选偶数项和奇数项的,对象的index从0开始,也就是说 :even 选择的是 元素的index为0,2,4,...的元素,:odd选择index为1、3、5...的元素。所以,使用:odd能够满足你的需求。如果要选择其他值的元素,可以使用filter函...

相似回答