從此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();
});