kalyani E Ответов: 4

как получить атрибуты данных в jquery

<table>
<tr class="a"  data-id ='45'>
<td>sometext</td>
</tr>
<tr class="a"  data-id ='35'>
<td>....</td>
</tr>
<tr class="a"  data-id ='40'>
<td>....</td>
</tr>
<tr class="a"  data-id ='48'>
<td>....</td>
</tr>
</table>

я хотел получить значения data-id
для этого я использую функцию jquery
любить
$("#b1").on('click',function() {
                 $('.a').each(function() {
                 var term = $('.a').data('id');
                 alert(term);
                 });
             });

но alert msg отображает "undefined"....я хочу извлечь значение data-id
как же так?

Member 13650341

Так и должно быть:

$("#b1").on('click',функция() {
$('.a').each(функция() {
var term = $(this).data('id');
предупреждение(срок);
});
});

4 Ответов

Рейтинг:
35

Not Active 

$("#b1").on('click',function() {
                 $('.a').each(function() {
                 var term = $('.a').attr('data-id');
                 alert(term);
                 });
             });

Рейтинг:
2

Anil Singh 

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Bootstrap Example</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  </head>
  <body>
    <div class="container">
      <table>
        <tr class="a" data-id ='45'>
          <td>sometext</td>
        </tr>
        <tr class="a"  data-id ='35'>
          <td>sometext1</td>
        </tr>
        <tr class="a" data-id ='40'>
          <td>sometext2</td>
        </tr>
        <tr class="a" data-id ='48'>
          <td>sometext3</td>
        </tr>
      </table>
    </div>

<script type="text/javascript">
  $(".a").on('click',function() {
   var tex = $(this).data('id');
      alert(tex);          
    });
</script>

  </body>
</html>

Richard MacCutchan

На шесть лет опоздал.

Рейтинг:
2

Member 13894910

<!DOCTYPE html>


<title>пример начальной загрузки
<meta charset="utf-8">
в <мета имя="область просмотра" содержимого="ширина=устройство-ширина, начально-масштаб=1"и GT;


















sometext
sometext1
sometext2
sometext3




$(".container table .a").on('click',функция() {
var tex = $(this).data('id');
тревога(Текс);
});



CHill60

Вопрос был задан, ответ и решение принято 6 лет назад! Это просто неформатированная свалка мусора.
Придерживайтесь ответов на новые сообщения, где OP все еще нуждается в помощи, и научитесь правильно форматировать свой код, используя теги <pre>

Рейтинг:
1

Member 13901980

Первый Способ
$("selector").attr("data-attribute");//атрибут может быть идентификатором или именем этого в соответствии с вашими требованиями.
Например:
$(".класса MyClass").м("данные-идентификатор");
другой метод:
$("селектор").data("атрибут");
Например:
$(".класса MyClass").данных("идентификатор");