获取 table all tr 中的数据属性

Question

我有 table 这样的：

  <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">

我怎样才能得到一个包含所有 data-pdp-id jquery

的数组

Answer 1

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

然后当你有数据时把它推到一个arr。 arr.push($(this).data("pdp-id"))

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)

<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>

Answer 2

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

检查这个

Answer 3

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

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

Answer 4

你可以使用each来遍历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

获取 table all tr 中的数据属性

Get data attributes in table all tr

jquery

html

html-table

tr

获取 table all tr​​ 中的数据属性

Get data attributes in table all tr

jquery

html

html-table

tr

获取 table all tr 中的数据属性