javascript - 如何在点击功能中使用自动编号类

Question

我在网页上多次出现以下由 PHP 生成的 HTML。

<a href="#" class="generate">generate</a><div class="selectArea selectBox"></div>

现在我使用此代码为每个 div 提供自己的单独类

$(document).ready(function() {
  $(".selectArea").each(function(i) {
    $(this).addClass("selectBox" + (i+1));
  });
});

但现在我需要改变这一点:

$(".selectBox").html($select);

位于点击函数内

$(document).on('click', '.generate', function () {

这样它也适用于 (i+1)。

我试图实现的目标

上面的代码是整个项目的一部分。在这个项目中，我有一个选择框，其中包含从多个输入生成的选项。在 .html 中，我将此选择框添加到 div 中。但现在它被添加到页面上的所有 div，而不仅仅是一个。

Answer 1

如果 .generate 元素位于 .selectBox div 之前，则改为:

$(".selectBox").html($select);

使用 jQuery 的 .next() :

$(this).next('.selectArea').html($select);