javascript - 将数组中 div 的位置附加到隐藏的输入类型
问题描述
当我单击一个按钮时,我想将 a 附加<div>
到 container <div class='container'></div>
。然后,我想将其数组中的 div 编号的值附加到<input type='hidden' value='"+number_within_array+"'>
. 因此,如果我单击一次按钮并创建一个 div,它的输入值应该是 0 或 1,具体取决于您使用的系统。然后,如果我再次单击该按钮,新 div 的输入值将是 1 或 2。这是一个可视化我想说的示例:
解决方案
您应该声明一个外部变量并在函数内部递增它:
let counter = 0;
$('.add-div').click(function() {
let append = `<div>value ${counter}</div>`;
$(append).appendTo('.container');
let inputHidden = `<input type="hidden" value="${counter}">`;
$('.resulting-values').append(inputHidden);
counter++;
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="container"></div>
<div class='resulting-values'></div>
<button class="add-div">Add div</button>
推荐阅读
- android - 了解如何使用灵活的应用内更新
- prestashop - 在具有 2 个包含文件的 foreach 中,仅在第一次迭代中有效,从第二次开始,仅适用于 1 个包含文件
- python - SQLAlchemy:文档中的多对多级联示例非常慢
- javascript - LeafletJs 将 Nexrad 雷达添加到地图
- arrays - 在 C 中添加具有 n 面和常数的 X 骰子的结果
- excel - 如何连接单元格值,直到在 Excel 中找到空白然后在段落的第一行返回结果?
- c# - 我是否需要手动关闭 EF 核心 Dbcontext 连接
- python - 用不连续的不同顺序为 AR 和 MA 拟合 ARIMA 模型,即使用 python 的 ARMA 模型
- javascript - 如何将我的所有内容集中在 html 中?
- linux - Cronjob 卡住而不退出