如何在div中选择每个类，但分别使用jQuery？

Question

我想分别在div中选择每个类的元素。我可以一次获得所有.community_node元素，但是我需要分别使用它们，因此可以在它们之间留一个空格。

我将如何更改代码来做到这一点？

$('.community_cluster').click(function() {
  console.log($(this).find('.community_node').text())
});

Answer 1

您可以使用each()迭代div，请参见下面的代码

 $('.community_cluster').click(function() {
       var text = '';
       $(this).find('.community_node').each(function(){
          text += " " + $(this).text();
       });
       console.log(text);
 });

Answer 2

如果要在值之间留一个空格，可以使用map()建立所有值的数组，然后在join()处加一个空格：

$('.community_cluster').click(function() {
  var text = $(this).find('.community_node').map(e => e.textContent).get().join(' ');
  console.log(text);
});

Answer 3

您可以使用

$('.community_cluster').click(function() {
  var text = $(this).find('.community_node').map(e => e.textContent).get().join(' ');
  console.log(text);
});

迭代div，请参见下面的代码

each()