jquery - 在单元素 id-selector 上使用 jQuery .each() 方法

Question

解释jQuery dialogs在 Nemikor 博客中，Scott González 在 id 选择器上使用 .each() 方法:

$('#page-help').each(function() {
  var dialog = $('<div></div>')
    .load($(this).attr('href'))
    .dialog( ... );
  $(this).click(function() { ... });
});

既然 id 选择器只能返回单个元素，那么使用 .each() 方法的目的是什么？ (通常用于迭代匹配的元素)。

是否只是没有更简单的方法来执行提供对 $(this) 访问的“page-help”元素的函数？

Answer 1

它可以让你搞乱一些东西，而不会污染周围的命名空间。另一种选择可能是:

(function($this) {
  var dialog = $('<div></div>')
    .load($this.attr('href'))
    .dialog(...);
  $this.click(function() { ... });
})($('#page-help'));

不知道两者哪个更令人不安。我想我真的不知道这就是这样做的原因(即命名空间整洁)。