javascript - 我如何从 jquery 插件中引用主题 $(this)？

Question

我正在使用 colorbox ，我只是得到未定义作为我的获取值？

$('.banner').colorbox({
    opacity: 0.4,
    href: 'dialogs/ban_add_edit.php?banner_to_edit='+$(this).attr('id')+'&typeofbanner='+$(this).attr('rel')            
    })

Answer 1

你可以这样做:

$('.banner').each(function() {
  $(this).colorbox({
    opacity: 0.4,
    href: 'dialogs/ban_add_edit.php?banner_to_edit='+this.id+'&typeofbanner='+$(this).attr('rel')            
  });
});

在您当前的代码中，this 指的是您在其中运行它的任何内容，可能是一个 document.ready 函数(所以 this = 文档)。在此版本中，您将遍历 .banner 元素，而 this 指的是您在循环时所在的元素。

另一个变化是 this.id，我经常这样做，但不需要 $(this).attr('id') 除非你需要稍后处理它被链接...this.id 原始 DOM 样式更短更快:)