javascript - jQuery発信者IDは奇妙な方法で機能します

Question

こんにちは、JS と jQuery のメガマスターです。私は「クリック」機能のトリックにやや混乱しており、問題の説明は jQuery と JS の複雑さにあると思います。

クリックイベントへの標準バインディングがあります

$('.add-button').click( function(event) {
  $.ajax({
    url: 'superentities/new',
    headers: {
      'X-Transaction': 'GET new superentities',
      'X-CSRF-Token': '<%= form_authenticity_token.to_s %>'
    },
    data: {
      entity: event.target.id
    }
  });
});

発信者の ID をコントローラーに送信する場所。しかし、その前$(this).idに、データハッシュの代わりにevent.target.id. $(this).idFirebug のウォッチャーはのようでしたが、常に未定義でしたthis->id == some_unundefined_value。

この謎を解き明かしてくれる人はいますか？

score 1 · Accepted Answer

.idはネイティブJavaScriptメソッド（またはプレーンJavaScriptを介して属性にアクセスする手段）でありid、たとえばノードで機能しますが、はネイティブオブジェクト/ノードから作成されたjQueryオブジェクトです。したがって、使用しているjQueryを取得するには：this$(this)thisid

$(this).attr('id');

ネイティブJavaScriptの場合：

this.id;

この2つを同じように使用することはできません（jQueryオブジェクトはjQueryオブジェクトである間はネイティブDOMで機能せず、ネイティブDOMノード/オブジェクトはjQueryメソッドで機能しません）。

jQueryオブジェクトからDOMノードを取得し、id：を取得するには

$(this)[0].id;

score 0 · Accepted Answer

これはどう？スコーピングの問題があると思います。$(this) は $('.add-button') ではなく、例では $.ajax を参照しています。

$('.add-button').click( function(event) {
    var id = $(this).attr('id');
    $.ajax({
        data: {
            entity: id
        }
    });
});

または、次のようにすることもできます。

$('.add-button').click( function(event) {
    var self = this; 
    $.ajax({
        data: {
            entity: self.attr('id');
        }
    });
});

score 0 · Accepted Answer

0

これを試しましたか

$(this).attr("id");

于 2012-09-14T11:31:50.670 に答える

javascript - jQuery発信者IDは奇妙な方法で機能します

3 に答える 3

Related

Reference