如何获取嵌套 div 的 ID 来构建 var

Question

我正在尝试构建一个在函数中使用的 var 。该函数需要在具有单独 ID 的多个 div 上运行。本质上，var 将获取每个 div 的 ID 并基于该 ID 运行该函数。我只是无法让它正常工作。

这是我的标记：

<div class="group">
    <div id="element1" class="element">Stuff</div>
    <div id="element2" class="element">Stuff</div>
</div>

这是我的 jQuery var“尝试”:)

var elementVar = $('.group').find('.element')this.attr('id');

所以本质上，将像下面一样运行，以便该函数在每个 div id 上运行

$(elementVar).click(function(){ ...

任何帮助将不胜感激！

Answer 1

$('.group .element').click(function(){
id = $(this).attr('id');
});

但我推荐这样的东西。它为您提供干净的数据。

<div id="element2" class="element" data-id="2">Stuff</div>
$('.group .element').click(function(){
id = $(this).attr('data-id');
});

Answer 2

这应该可以解决问题：

$('.group div.element').click(function() {
   $(this).....;
});

Answer 3

是不是很简单

$('.element').click(function(){
   id = $(this).attr('id');
});

Answer 4

只需使用这个即可：

$(".group").children().each(function(){});

这会获取带有 group 类的 div 的所有子级，并将 each() jQuery 函数中的函数应用于它们。

因此，要在单击时触发函数：

$(".group").children().each(function(){
  $(this).click(function(){
    // click event here
  });
});

另外，只要所有 div 都有类，只需选择该类即可：

$(".element").each(function(){
  $(this).click(function(){
    // click event here
  });
});

但您可能只添加了类，因此您的方法就可以工作。如果您不打算添加类，那么第一种方法是您的最佳选择。

更多关于 children(); 此处 以及更多关于 each( ); 此处。