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

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

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

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

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

它位于单击函数中

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

因此它也适用于（i+1）

我努力实现的目标

---

以上代码是整个项目的一部分。在这个项目中，我得到了一个selectbox，其中包含从多个输入生成的选项。在

.html

中，我将这个选择框添加到div中。但是现在它被添加到页面上的所有div中，而不仅仅是一个。我认为每个div都被赋予了相同的类，因此所有div都会受到影响

在函数外部声明i，使其为全局函数。也给它起个更好的名字

像这样的

var select_box_count = 0;
$(document).ready(function() {
  $(".selectArea").each(function() {
    select_box_count ++;
    $(this).addClass("selectBox" + (select_box_count+1));
  });
});

---

你可以用一个id来引用它

在那个你只想要那个的部门

$('#id').html($select);

或者只是使用一个选择器，比如

$('.selectBox:first-child').html($select);

或者只是

$(".selectBox")[number element].html($select);

---

如果

.generate

元素正好位于

.selectBox

div之前，则不选择：

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

使用jQuery的：

---

jQuery的属性以selector开头，应该起作用-如何更改此

$（“.selectBox”）.html（$select）

要使用您的建议吗？您可以编写完整的

。单击（）

函数吗？是的，请务必在

之前发布它。在
之前生成
锚元素。selectBox
div？不，每个div都有自己的编号，这部分工作正常。不过还是谢谢你。是的，效果很好。还有其他问题，你介意帮我聊聊吗？看到你的分数，你比我知道的更多；-）取决于发行量；）好的，当我点击generate时，它会显示列表。但当我按下save时，选择框又消失了。所以我基本上需要它在加载时生成列表，除非用户已经更改了它。如果删除整个“生成链接”部分，效果会更好。我试着在医生那里做。准备好了，但每次页面刷新重新生成的所有列表时。不要编辑此问题，打开另一个问题。这是不同的问题和代码。确保包含重现问题所需的所有（JS和HTML）代码：-（不允许在90分钟内发布。我会尽快发布并与您共享链接。非常感谢您帮助我解决Kinshuk的问题。我不想只选择一个，我需要像Artur提供的解决方案那样的解决方案，所以它可以动态地为所有人工作。所以我不能使用第一个和最后一个。但是第二个部分工作，它发出警报，但不显示选择框。
$(".selectBox").html($select);

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