上下文:我正在构建一个表单和脚本,该表单和脚本将在单击特定按钮的基础上执行ajax查询。有多个具有相同类元素的div块,并基于单击一个按钮的div块,将处理不同的表单。
作为开始程序的一部分,我从一个看似简单的jQuery调用开始。
我试图将onclick事件添加到特定的类,然后尝试获取该元素的同级元素的CSS值。
错误:出现这样的错误TypeError: this.siblings is undefined
。
问题:使用jQuery迭代元素的同级元素的正确方法是什么?
我的代码:
HTML:
<a class="btn LiveStatsBtn"><span class="btn-label">Get Stats now</span> </a>
JavaScript:
$(document).ready (function()
{
$('.LiveStatsBtn').click(function(){
this.siblings.each( function () {
var tx=this.css();
alert(tx);
});
});
});
在jQuery事件处理程序中,this
是指DOM元素,而不是jQuery对象。您必须将其包装成一个:
$(this).siblings().each(function() {
// ...
});
另请注意,“兄弟姐妹”是一个函数,因此您必须调用它以获取一个新的jQuery对象,该对象包装了元素兄弟姐妹。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句