Javascript使用for循环来获取id`的最后一个字符

Question

[id^='signaturePad-']

我想要for-loop找到上面的每个div，并使用该div的结尾替换下面的代码中的“id”

 [id].map(function () {
   SignaturePad["SignaturePad" + id] = new SignaturePad
     (document.getElementById('signaturePad-'+targets))
   });

Answer 1

您可以在元素中包含data-*属性，而不是在元素的id上执行单独的处理

HTML

<div id="signaturePad-0" data-id="0"></div>
<div id="signaturePad-1" data-id="1"></div>
<div id="signaturePad-2" data-id="2"></div>
<div id="signaturePad-3" data-id="3"></div>
<div id="signaturePad-abc" data-id="123"></div>

的javascript

$("[id^=signaturePad]").each(function() {
   SignaturePad[
     "SignaturePad" + this.dataset.id || $(this).data().id
   ] = new SignaturePad
     (document.getElementById("signaturePad-" + targets))
   });
})