我在网页上多次出现以下由 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,而不仅仅是一个。
最佳答案
如果 .generate
元素位于 .selectBox
div 之前,则改为:
$(".selectBox").html($select);
使用 jQuery 的 .next()
:
$(this).next('.selectArea').html($select);
关于javascript - 如何在点击功能中使用自动编号类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40269422/