Javascript 是否将具有相同类的所有div插入数组？_Javascript_Jquery_Arrays_Class_Html

Javascript 是否将具有相同类的所有div插入数组？

javascript jquery arrays class html

Javascript 是否将具有相同类的所有div插入数组？,javascript,jquery,arrays,class,html,Javascript,Jquery,Arrays,Class,Html,我想将所有具有class.page的div插入一个数组，然后使用数组迭代调用每个div。例如，数组pages[]应该允许我在pages[2]中为div添加某些效果。var pageDivs=document.getElementsByClassName（“page”）； var pageDivs = document.getElementsByClassName("page"); for(i = 0; i < pageDivs.length;i++) { //apply your

我想将所有具有class.page的div插入一个数组，然后使用数组迭代调用每个div。例如，数组pages[]应该允许我在pages[2]中为div添加某些效果。

var pageDivs=document.getElementsByClassName（“page”）；
var pageDivs = document.getElementsByClassName("page");
for(i = 0; i < pageDivs.length;i++)
{
    //apply your effects using pageDivs[i]
}

对于（i=0；i

var pageDivs=document.getElementsByClassName（“页面”）；
对于（i=0；i

我认为在某些浏览器中不支持getElementByClassName。但是您可以像这样使用CalsName属性：
function getElementsByClassName( strClassName, obj ) {
    if ( obj.className == strClassName ) {
        //insert this elm into array 
        array.push(obj);
    }  
}

我认为在某些浏览器中不支持getElementByClassName。但是您可以像这样使用CalsName属性：
function getElementsByClassName( strClassName, obj ) {
    if ( obj.className == strClassName ) {
        //insert this elm into array 
        array.push(obj);
    }  
}

.getElementsByClassName
如果您想要：
愉快的迭代。
.getElementsByClassName
如果您想要：
愉快的迭代。
您想这样做吗
<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>


$（文档）.ready（函数（）{
var-arr=[]；
$（“.page”）.each（函数（）{arr.push（$（this））；}）；
$.each（arr，function（key，val）{val.css（'color'，'gray'）}）；
});
。页面内容将以灰色显示。


快车
褐狐跳
为了那只懒狗
为了那只懒狗
您想这样做吗
<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>


$（文档）.ready（函数（）{
var-arr=[]；
$（“.page”）.each（函数（）{arr.push（$（this））；}）；
$.each（arr，function（key，val）{val.css（'color'，'gray'）}）；
});
。页面内容将以灰色显示。


快车
褐狐跳
为了那只懒狗
为了那只懒狗
您是否有一些示例代码可供分享？您可以使用index（）-或“：eq”选择器，而不是将div添加到数组中。为什么不使用$（“div.page:eq（2）”）而不是构建数组？非常感谢您提供的提示，非常方便！你有一些示例代码可以分享吗？您可以使用index（）-或“：eq”选择器，而不是将div添加到数组中。为什么不使用$（“div.page:eq（2）”）而不是构建数组？非常感谢您提供的提示，非常方便！