如何动态地使html元素得到它的ID?

Question

所以我有这样的东西:

<button id="select-settings-<var2 CardID>-{substrCardNumb(<var2 CardAccID>)}">

函数只返回给定变量的最后一位数字。

显然这不起作用，但我想做的是动态地为不同的卡生成一个ID。var2-s来自服务器，目前我得到cardAccID的完整长度，但我只希望最后4位数字是在html元素的ID。

我如何插入内联javascript函数到id?

Answer 1

我找到了一个适合我的解决方案。我在这里做的是映射所有我知道包含一个按钮的元素，我想给它添加一个ID。我从这些按钮中选择第一个按钮因为这是我现在关心的。我拆分了按钮的当前ID，即"select-settings-randomnumbers"。我得到一个3的数组，我取最后一个元素[2]，使用substring()我得到该元素的后4位数字。我随后将数组[2]中的数字替换为新得到的4位数字。

jQuery(document).ready(function(){
jQuery(".cards__content__card__list-item__actions").each(function(){
let button = jQuery(this).find("button").eq(0)
let splitId = button.attr("id").split("-")
let cutId = splitId[2].substring(splitId[2].length -4)
splitId[2] = cutId
button.attr("id", splitId.join("-"))
})

})