在表格中获取数据属性

时间:2017-06-12 07:11:32

标签: jquery html html-table tr

我有这样的表:

  <tr class="alignC even" data-pdp-id="10" role="row"> 
  <tr class="alignC even" data-pdp-id="11" role="row">
  <tr class="alignC even" data-pdp-id="12" role="row"> 
  <tr class="alignC even" data-pdp-id="13" role="row"> 
  <tr class="alignC even" data-pdp-id="14" role="row">

如何使用jquery

获取包含所有data-pdp-id的数组

4 个答案:

答案 0 :(得分:2)

您可以使用.attr("data-pdp-id").data("pdp-id")

然后当你有数据推送到arr。 arr.push($(this).data("pdp-id"))

&#13;
&#13;
var arr = []
$("table tr.alignC").click(function() {
  console.log($(this).attr("data-pdp-id"))
})


$("table tr").each(function() {
  arr.push($(this).attr("data-pdp-id"))
})

console.log(arr)
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr class="alignC even" data-pdp-id="10" role="row">
    <td>10</td>
  </tr>
  <tr class="alignC even" data-pdp-id="11" role="row">
    <td>11</td>
  </tr>
  <tr class="alignC even" data-pdp-id="12" role="row">
    <td>12</td>
  </tr>
  <tr class="alignC even" data-pdp-id="13" role="row">
    <td>13</td>
  </tr>
  <tr class="alignC even" data-pdp-id="14" role="row">
    <td>14</td>
  </tr>
</table>
&#13;
&#13;
&#13;

答案 1 :(得分:2)

您可以使用每个循环遍历tr元素,在每次迭代中,您可以获取pdp-id,然后将其推送到预定义的数组中。

var pdpArr = [];
$('.alignC').each(function() {
    pdpArr.push($(this).data('pdp-id'));
});
console.log(pdpArr); // You can get the array of pdp-id at this point

答案 2 :(得分:1)

您可以使用数据循环并获取该值,并将该值推送到数组中。

var ID=[];
$('#TableID').find('tr').each(function() {
  ID.push($(this).data('pdp-id'));
});

答案 3 :(得分:0)

var ids=[];
    $('#tableId tr').each(function(){
      ids.push($(this).attr('data-pdp-id'))
    })

检查一下