我想插入所有具有类.page的div到数组中,然后使用数组迭代调用每个div。例如,数组页面[]应该允许我在页面[2]中为div添加特定的效果。将具有相同类的所有div插入到数组中?
1
A
回答
1
你想这样做吗?
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var arr=[];
$(".page").each(function(){ arr.push($(this));});
$.each(arr,function(key,val){ val.css('color','gray')});
});
</script>
</head>
<body>
<b>.page content will be colored in gray.</b><br/><br/>
<div class="dontDo">The quick </div>
<div class="page">brown fox jumps</div>
<div class="doIt"> over the lazy dog</div>
<div class="page"> over the lazy dog</div>
</body>
</html>
4
var pageDivs = document.getElementsByClassName("page");
for(i = 0; i < pageDivs.length;i++)
{
//apply your effects using pageDivs[i]
}
0
我觉得在某些浏览器的getElementByClassName不supported.However可以使用calssName属性是这样的:
function getElementsByClassName(strClassName, obj) {
if (obj.className == strClassName) {
//insert this elm into array
array.push(obj);
}
}
0
.getElementsByClassName is not supported < IE8。如果您不担心这一点,那么Sunil的答复将适用于您。
如果你想the jQuery way:
$(".page").each(function(index) {
// do stuff here
});
快乐迭代。
相关问题
- 1. 将css属性添加到jquery中具有相同类的所有div
- 2. 所有输入数组必须具有相同的维数蟒
- 3. ValueError:所有输入数组必须具有相同的维数
- 4. scipy.optimize.minimize:ValueError:所有输入数组必须具有相同的维数
- 5. JQuery - 将函数调用到具有相同类名的Div
- 6. 替换具有相同类的所有div的innerHTML
- 7. 检查所有div具有相同的类或不
- 8. Selenium:如何点击所有具有相同类名的DIV
- 9. 如何选择具有相同类别的所有div
- 10. Jquery:选择类并将“.attr(***)”插入到所有同一类中
- 11. Javascript:数组中的所有对象具有相同的属性
- 12. 将具有特定类的所有div移动到容器中
- 13. 大块在php中具有相同值的所有数组
- 14. Javascript - 将具有相同类的元素插入到数组中并在循环中使用它们
- 15. 更新具有相同指数PHP数组的所有值
- 16. 尝试将子类添加到具有相同类名的所有元素
- 17. 如何将eventListener添加到AS3中具有相同类的所有对象?
- 18. 如何将所有具有相同类的元素拖到元素中?
- 19. 将CSS类添加到具有相同类选择器的多个DIV中
- 20. PHP/Codeigniter-如何将数据插入到具有相同sql的多表中?
- 21. 获取与数组相同类的所有输入的值
- 22. 显示隐藏同时具有相同类的所有div Java脚本
- 23. 插入到两个表具有相同的数据库,但shaing相同的ID
- 24. Asp.Net MVC插入相同的数据到所有模型
- 25. 将NULL插入到具有Varchar数据类型的列中
- 26. 获取多维数组中所有具有相同索引的数组元素
- 27. 在js中隐藏并启用Div中具有相同类名的一组div
- 28. 如何获得具有相同值的所有数组键
- 29. 我将如何选择具有相同名称的所有div类,除了当前div中的jquery/javascript?
- 30. 添加类元素具有一定的父DIV(不应用具有相同的父名的所有div)
您是否有一些示例代码可供分享?您可以使用index() - http://api.jquery.com/index/ - 或“:eq”选择器,而不是将div添加到数组中。 – 2012-02-04 10:40:01
为什么不使用$(“div.page:eq(2)”)而不是构建数组? – 2012-02-04 10:42:06
非常感谢您的提示,派上用场! – 2012-02-04 23:07:59