Javascript 无法循环通过div的子元素

Javascript 无法循环通过div的子元素,javascript,jquery,html,Javascript,Jquery,Html,我的代码是这样的 $(文档).ready(函数(){ $('.slides')。子项('.item')。每个(函数(){ var tValue=$(this).find(“#活动有效性”).val();/“this”是循环中的当前元素 tTimer=$(this.find('.timer'); 警报(tTimer); }); }); 通过我们的捐赠赢得一份精彩的礼物 通过我们的捐赠赢得一份精彩的礼物 id在您的代码中应该是唯一的,因此请使用类,否则只有id为的第一个元素才能访问。尽管

我的代码是这样的

$(文档).ready(函数(){
$('.slides')。子项('.item')。每个(函数(){
var tValue=$(this).find(“#活动有效性”).val();/“this”是循环中的当前元素
tTimer=$(this.find('.timer');
警报(tTimer);
});
});

通过我们的捐赠赢得一份精彩的礼物

通过我们的捐赠赢得一份精彩的礼物


id
在您的代码中应该是唯一的,因此请使用
,否则只有id为
的第一个元素才能访问。尽管您需要使用方法而不是,因为它只选择直接子项,并且
。item
不是直接子项

$(文档).ready(函数(){
$('.slides')。查找('.item')。每个(函数(){
var tValue=$(this.find('.activityvalidity').val();
tTimer=$(this.find('.timer');
警报(tValue);
});
});

通过我们的捐赠赢得一份精彩的礼物

通过我们的捐赠赢得一份精彩的礼物


id
在您的代码中应该是唯一的,因此请使用
,否则只有id为
的第一个元素才能访问。尽管您需要使用方法而不是,因为它只选择直接子项,并且
。item
不是直接子项

$(文档).ready(函数(){
$('.slides')。查找('.item')。每个(函数(){
var tValue=$(this.find('.activityvalidity').val();
tTimer=$(this.find('.timer');
警报(tValue);
});
});

通过我们的捐赠赢得一份精彩的礼物

通过我们的捐赠赢得一份精彩的礼物


选择器无法正确选择.item div。通过执行console.log()并签入开发控制台,您始终可以调试此类问题

作为解决方案,您可以在.slides上下文中检查.item类div,如下所示

$(文档).ready(函数(){
变量上下文=$('.slides');
$('.item',context).each(函数(){
var tValue=$(this).find(“#活动有效性”).val();/“this”是循环中的当前元素
console.log(tValue);
tTimer=$(this.find('.timer');
警报(tTimer);
});
});

通过我们的捐赠赢得一份精彩的礼物

通过我们的捐赠赢得一份精彩的礼物


选择器无法正确选择.item div。通过执行console.log()并签入开发控制台,您始终可以调试此类问题

作为解决方案,您可以在.slides上下文中检查.item类div,如下所示

$(文档).ready(函数(){
变量上下文=$('.slides');
$('.item',context).each(函数(){
var tValue=$(this).find(“#活动有效性”).val();/“this”是循环中的当前元素
console.log(tValue);
tTimer=$(this.find('.timer');
警报(tTimer);
});
});

通过我们的捐赠赢得一份精彩的礼物

通过我们的捐赠赢得一份精彩的礼物

试试这个:

$(document).ready(function() {

    $('.slides').find('.item').each(function() {

      var tValue = $(this).find('#campaignValidity').val(); // "this" is the current element in the loop
      alert(tValue);
      tTimer = $(this).find('.timer');
      alert(tTimer);
    });

  });
试试这个:

$(document).ready(function() {

    $('.slides').find('.item').each(function() {

      var tValue = $(this).find('#campaignValidity').val(); // "this" is the current element in the loop
      alert(tValue);
      tTimer = $(this).find('.timer');
      alert(tTimer);
    });

  });

id
应该是唯一的use类,使用
find()
而不是
children()
id
应该是唯一的use类,使用
find()
而不是
children()