javascript - 如何命名和搜索在 jQuery 插件中创建的 DOM 元素？

Question

伙计们。我正在开发一个将元素包装在容器内的 jQuery 插件。所以，这一行：

$azureRectangle.container(); //azureRectangle is only an empty div

产生这个：

该容器由许多新的 div 组成。好吧，这是我的疑问：我应该如何命名或识别那些创建的 div？我应该使用数据属性还是发明的 ID 或名称？

Answer 1

好吧，有几个政策。您当然可以使用 'data' 或 'rev' 属性，但是在尝试选择特定容器元素时可能会遇到困难。

但是，通常，包装器（和替换器）插件使用具有id属性集的元素，因此它们可以id为它们创建的元素生成对应的。例如：

$.fn.somePlugin = function(someId) {
  var somePluginId = 'some-plugin-' + someId;
  ...
}

这允许抓住所有项目（使用'[id^="some-plugin-"]'选择器）和每个特定项目（具有id参与其创建的元素）。

当然，当需要创建一个以上的新元素时，可以应用相同的策略；你只需要为这些使用几个特定的​​前缀。