如何改進具有等效 ID 的 jquery javascript 元素？

Question

我有 5 個模塊，具有相同的 js 代碼，但只有 INT ID 不同。

如何簡單地訪問所有具有動態 ID 的模塊的單一樣式 javascript jquery？ 好的 3 int 是數字。 代碼例如：

$("#super_mod_519").find('form');
$("#super_mod_345").find('form');
$("#super_mod_430").find('form');
$("#super_mod_632").find('form');
$("#super_mod_234").find('form');
$("#super_mod_713").find('form');

$("#super_mod_519 .button input").val('');
$("#super_mod_345 .button input").val('');
$("#super_mod_430 .button input").val('');
$("#super_mod_234 .button input").val('');
$("#super_mod_632 .button input").val('');
$("#super_mod_713 .button input").val('');

Answer 1

如果id是這里的關鍵元素，那么您可以將它們收集在一個數組中並以這種方式簡化事情：

 const ids=[519,340,430,632,234,713]; ids.forEach(id=> $(`#super_mod_${id} form`) // some action... ); ids.forEach(id=> $(`#super_mod_${id}.button input`).val('') );

（為了讓上面的代碼片段正常工作，我們當然還需要一些 HTML 和 jQuery。）

如果您想同時執行基於 jQuery 的操作，您當然可以在同一個ids.forEach()循環中同時運行它們。

Answer 2

下面的 jQuery 選擇器將 select 所有以id為“super_mod_”開頭的元素。

$("*[id^='super_mod_']").find('form');
$("*[id^='super_mod_'] .button input").val('');