Question

我有一张桌子，我试图在桌子的最后一个单元格中插入一个空白的支付宝按钮。我不确定表格中会有多少行，而且我现在已经使用了ID进行了硬编码。 id以el开头，每行一个数字，然后_qryMyReservedSlots_Payment

['#el1_qryMyReservedSlots_Payment', '#el2_qryMyReservedSlots_Payment', '#el3_qryMyReservedSlots_Payment'].forEach(function(selector) {
        paypal.Button.render({ 
        ...paypal code...
        });
});

为了提高效率，我如何循环使用id，以便我不必对其进行硬编码？
斯科特

Answer 1

使用for循环：

for (var el = 1; el < 4; el++) {
    var selector = `#el${el}_qryMyReservedSlots_Payment`
    ...
}

或更老式：

for (var el = 1; el < 4; el++) {
    var selector = '#el' + el + '_qryMyReservedSlots_Payment'
    ...
}

Answer 2

我不确定表中会有多少行，而且我有id 硬编码现在有效吗

使用new Compator<>() { public int compare(Object o1, Object o2) { ... } }和属性包含选择器 - querySelectorAll

Answer 3

你需要他们拥有独特的ID吗？你应该给他们一个课，然后做一些像document.getElementsByClassName(className).forEach(...)。

如果你坚持拥有独特的ID（这也是不需要的，这正是我们为什么会上课的原因之一），你可以这样：

while (document.getElementById(`el${ counter++ }_qryMyReservedSlots_Payment`)) {
  paypal.Button.render({ 
    ...paypal code...
  });
}

同样，这并不好，因为每次查询id时，都会遇到DOM。您应该立即完成所有操作，在内存中操作，然后在尽可能少的DOM调用中提交所有更改。

遍历表格以查找特定的ID

3 个答案: