javascript - 如何将ID添加到jquery插件选择器中

Question

我有一个由以前的团队成员编写的脚本，由于某种原因，它只允许在其中使用 #ids，而不是类。

 $("#content-builder-1,#content-builder-2").templateEditor({
   // options.
 });

我的问题是，我使用外部按钮将项目添加到页面。我可以看到的是 $("#content-builder") 当我们想要添加其他项目时，我们需要使用 $("#content-builder-1 ，#content-builder-2")

当我动态地向页面添加具有增量 ID 的其他 div 时，我想知道如何添加它以便函数自动添加它。

我考虑过使用 .on() 或 .live() 但我不确定如何将附加 ID 添加到主加载程序中。

$("#content-builder-1、#content-builder-2、#content-builder-3") 等等。

有没有最好的方法来添加这个？

Answer 1

如果您必须坚持当前的方法，即通过 ID 定位不同的元素，您可以使用“id 属性开头为”选择器，如下所示:

$("[id^=content-builder-]").templateEditor({
  // options.
});

然而，插件不可能知道什么类型的选择器生成了它可以使用的 jQuery 选择，所以如果它只适用于“使用 ids”是正确的，那么它一定是因为它内部依赖于每个元素具有一个 ID，不是因为它要求元素最初是通过其 ID 选择的。

因此，我的猜测是，为每个元素提供一个公共(public)类并通过该类进行选择应该可行，在这种情况下，您的代码(正如其他人提到的)将如下所示:

$(".content-builder").templateEditor({
  // options.
});

但正如前面提到的，每个元素可能仍然需要有一个 ID 才能使插件正常工作。

.on() 在这种情况下不相关，因为没有/似乎没有正在进行的事件监听，因此您无法将任何内容委托(delegate)给公共(public)父级。