从此JQuery插件获取价值

Question

我最近一直在尝试编写JQuery插件，并且我敢肯定这是一个非常简单的问题。 但是，我似乎无法在插件内部获取价值。

例如，我有以下代码：

plugin.js

$(function($) {
  $.fn.myPlugin = function() {
    // alert the id from main.js
  }
});

main.js

$(document).ready(function() {
  $('#someDIV').attr('id').myPlugin();
});

Answer 1

您不能在string上定义插件。 使用selector调用插件。

看看这个 。

像这样使用它：

(function ($) {
    $.fn.myPlugin = function () {
        this.each(function () {
            // Allow multiple element selectors
            alert(this.attr('id'));
        });

        return this; // Allow Chaining
    }
} (jQuery));

$('.myClass').myPlugin();

演示

讲解

Answer 2

尝试这个：

(function($) {
    $.fn.myPlugin = function() {
        alert($(this).attr('id'));
    }
}(jQuery));

看到这里： http : //jsfiddle.net/1cgub37y/1/

Answer 3

您应该只将对象传递到jQuery扩展函数中（而不是对象的ID），如下所示或在此提要中（将警告“ someDIV”加载）：

// jQuery extension
// The object passed into jQuery extension will occupy keyword "this"
$(function($) {
  $.fn.myPlugin = function() {
      // Get the ID (or some other attr) of the object.
      var id = $(this).attr("id");

      // Now do something with it :)
      alert(id);
  }
});

$(document).ready(function() {
  $('#someDIV').myPlugin();
});