javascript - 如何指示 Javascript 访问具有非唯一 ID 的第二个元素

Question

我试图在我的自动化框架中声明一个配对列表，为此我传入了该列表的两个参数。第一个参数是“可用”项目列表的 DOM id，第二个参数是“已选择”项目列表的 DOM id。

var pairedList: newPairedList( "availableItemsListID" , "selectedItemsListID");

在我处理的特定情况下，availableItemsListID 和 selectedItemsListID 在 DOM 中恰好具有相同的 ID。

这两个 id 都是“x-fieldset-bwrap”，我尝试了以下指示 availableItemsListID 是 id 的第一个实例，selectedItemsListID 是 id 的第二个实例:

var pairedList: newPairedList( "/x-fieldset-bwrap/[0]" , "/x-fieldset-bwrap/[1]");

它似乎找到了 availableItemsList，但是当它试图获取 selectedItemsList 时却失败了。有没有人对如何最好地处理问题有任何建议？

谢谢!

Answer 1

您可以使用 document.querySelectorAll选择与 CSS 选择器匹配的所有元素。

document.querySelectorAll("#x-fieldset-bwrap") 将匹配所有 id 为 x-fieldset-bwrap 的元素.

如果您有能力更改您的系统，使其不会在 DOM 中同时生成具有重复 ID 的元素，我强烈建议您这样做。