如何動態使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 位數字。 我后來用新得到的 4 位數字替換了 array[2] 處的數字。

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("-"))
 })

})