получить значение data-id по клику div

Question

У меня есть следующий div:

     <div id="icon2323" data-id="2343434"  style="color: #0076c0;" data-toggle="collapse" data-target=".detail" class="fa fa-chevron-down"></div>

В моем коде запроса у меня есть следующее:

         $('div[id^="icon"]').on('click', function (e) {
             alert('here'); 
             // var dataId = $(e).data("id"); did not work              
         });  

Я пробовал:

  var dataId = $(e).data("id"); and tried to display the value but showed undefined. 

myВопрос в том, как мне получить значение data-id в этом случае.

Answer 1

Просто используйте метод jQuery .data():

$('div[id^="icon"]').on('click', function(e) {
  alert( $(this).data('id') );
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="icon2323" data-id="2343434" style="color: #0076c0;" data-toggle="collapse" data-target=".detail" class="fa fa-chevron-down">abc</div>

В обычном JavaScript вы используете свойство dataset:

var el = document.querySelector('div[id^="icon"]');
el.addEventListener("click", function() {
  alert(this.dataset.id);
}, false);

<div id="icon2323" data-id="2343434" style="color: #0076c0;" data-toggle="collapse" data-target=".detail" class="fa fa-chevron-down">abc</div>