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