私はリンクのこのタイプを持っていた後、jQueryの

Question

でクリックされたデータ要素の値を取得します。

<a href="#" data-module="planning">Planning</a> 

私はリンクのこのタイプのクリックを検出したい場合は、私が使用：

$("a[data-module ='*']").click(function() { 
    alert("clicked"); 
}); 

しかし、 planningの値を取得するにはどうすればよいですか？

ありがとうございました。

Answer 1

セレクタが間違っています。 a[data-module ='*']は、data-module属性値*を持つaタグを選択します。 a[data-module]セレクタを使用して、data-moduleのタグを持つaタグを選択する必要があります。

$('a[data-module]').click(function(event) { 
 
\t event.preventDefault(); 
 
\t var module = $(this).attr('data-module'); 
 
\t alert(module); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<aside id="app-aside" class="app-aside top light"> 
 
    <div class="container"> 
 
     <div class="aside-menu-wrapper"> 
 
      <div id="aside-top-menu-toggle" class="visible-xs-inline-block"> 
 
       <button data-toggle="class" data-target="#aside-top-menu" data-class="open" self-toggle="is-active" class="hamburger hamburger--spin js-hamburger" type="button"> 
 
        <span class="hamburger-box"> 
 
         <span class="hamburger-inner"></span> 
 
        </span> 
 
       </button> 
 
      </div> 
 
      <ul class="sf-menu aside-menu aside-top-menu" id="aside-top-menu"> 
 
       <li> 
 
        <a href="#" class="menu-link" data-module="planning"> 
 
         <span class="menu-text">Planning</span> 
 
        </a> 
 
       </li> 
 
       <li> 
 
        <a href="#" class="menu-link"> 
 
         <span class="menu-text">Rooms <i class="zmdi zmdi-caret-down"></i></span> 
 
        </a> 
 
        <ul> 
 
         <li><a href="#" data-module="rooms-list">List rooms</a></li> 
 
         <li><a href="#" data-module="rooms-create">Create a room</a></li> 
 
        </ul> 
 
       </li> 
 
      </ul> 
 
     </div> 
 
    </div> 
 
</aside>

Answer 2

使用jqueryのattr API：そこにあなたの例ではそう

Find all <a> tags whose data-module attribute has a value of *

、：

$("a[data-module ='*']").click(function() { 
    var dataModule = $(this).attr('data-module'); 
}); 

EDITは

現在お使いのjQueryのセレクタが間違っている、それは次のように解釈されますこの条件に一致するリンクはありません。

例： すべてのタグは、roomsで始まるデータモジュールで取得します。 私の有効なセレクタは$('a[data-module^="rooms"]')