javascript - 可实例化 portlet 中的 jQuery 选择器（重复 ID）

Question

我创建了一个可实例化的 portlet，我的问题是当我在同一页面中部署此 portlet 的两个或多个实例时，我的 jQuery 函数无法正常工作，因为我的选择器仅按 ID 或按在文档。

我正在考虑在 ID 中包含 以区分实例 ID。

我的问题是我无法选择带有 的元素，控制台抛出以下错误：

未捕获的错误：语法错误，无法识别的表达式：.tabOferta:eq(1)

我要选择的元素是：

<li class="<portlet:namespace/>tabOferta" id="<portlet:namespace/>tabOferta">

我测试了以下指令：

$(".<portlet:namespace/>tabOferta");
document.getElementsByClassName('<portlet:namespace/>tabOferta');
document.getElementsById('<portlet:namespace/>tabOferta');

问题是：当有多个具有相同 ID 的 portlet 时，如何选择特定元素？

如何解析<porlet:namespace>main.js 中的变量？

Answer 1

您总是可以使用 css 选择器来缩小元素范围。例如，“portlet:contains(tab0ferta)”，但就像 Tony 所说，如果您获得多个相同的 ID，您可能想要更改您的设计。