Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/364.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 迭代每个同级元素_Javascript_Jquery_Class_Selector - Fatal编程技术网

Javascript 迭代每个同级元素

Javascript 迭代每个同级元素,javascript,jquery,class,selector,Javascript,Jquery,Class,Selector,上下文: 我正在构建一个表单和脚本,它将基于单击特定按钮执行ajax查询。有多个div块具有相同类的元素,并且根据单击按钮的div块,将处理不同的表单 作为程序开始的一部分,我从一个显然很简单的jQuery调用开始 我试图将onclick事件添加到一个特定的类中,然后尝试获取该元素同级的CSS值 错误: 我收到一个错误,指出TypeError:this.sillides未定义 问题:使用jQuery对元素的同级进行迭代的正确方法是什么 我的代码: HTML: <a class="btn L

上下文: 我正在构建一个表单和脚本,它将基于单击特定按钮执行ajax查询。有多个div块具有相同类的元素,并且根据单击按钮的div块,将处理不同的表单

作为程序开始的一部分,我从一个显然很简单的jQuery调用开始

我试图将onclick事件添加到一个特定的类中,然后尝试获取该元素同级的CSS值

错误: 我收到一个错误,指出
TypeError:this.sillides未定义

问题:使用jQuery对元素的同级进行迭代的正确方法是什么

我的代码:

HTML:

<a class="btn LiveStatsBtn"><span class="btn-label">Get Stats now</span> </a>
$(document).ready (function()
{ 
    $('.LiveStatsBtn').click(function(){
        this.siblings.each( function () {
            var tx=this.css();
            alert(tx);
        });
    });
});

同级
是一个函数,因此需要括号:

$(document).ready (function()
{ 
    $('.LiveStatsBtn').click(function(){
        $(this).siblings().each( function () {
            var tx=$(this).css();
            alert(tx);
        });
    });
}); 

在jQuery事件处理程序中,
引用DOM元素,而不是jQuery对象。您必须将其包装成一个:

$(this).siblings().each(function() {
  // ...
});
还要注意,“兄弟姐妹”是一个函数,因此必须调用它来获得一个新的jQuery对象,该对象封装了元素兄弟姐妹