私はこのコードを持っているjQueryの

Question

でクリックした親から値を取得しますか？

実は、私のコードは次のようになりますが、それは動作しません：

$('.container').on('click', '.switchStatus a', function() { 
    var module = $(this).data('module'); 
}); 

感謝。

Answer 1

は、あなたのクリックハンドラのコールバック関数内で

var module = $(this).parent().data('module');

Answer 2

、this contextがクリックされた<a>要素にバインドされます試してみてください。親を取得するには、セレクタで.closest()メソッドを使用します。これは、次のようになります。

$(this).closest("[data-module]").attr("data-module");

Answer 3

をノード ''

$('.container').on('click', '.switchStatus', function() { 
    var module = $(this).data('module'); 
    alert(module); 
}); 

Answer 4

使用に最も近い（」。switchStatus'）whitout、これを試してみてください。

jQueryのだから私はこの場合にセレクタパラメータ（.switchStatus aの要素を意味推測 コールバック

の対象となる要素にコールバック関数の範囲を設定します）

$('.container').on('click', '.switchStatus a', function(event) { 
 
    var module = $(this).closest('.switchStatus').data('module'); 
 
    console.log('My name is ' + module) 
 
    event.stopPropagation() // always good to stop event bubbles after you have used them. 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="container"> 
 
    <div class="switchStatus btn-group" data-module="Spartacus"> 
 
      <a class="btn btn-primary">Active</a> 
 
      <a class="btn btn-primary">Inactive</a> 
 
    </div> 
 
</div>