如何從列表tr中獲取值

Question

HTML：

<table id="gwAssignForm">
    <tr data-id="1"></tr>
    <tr data-id="2"></tr>
    <tr data-id="3"></tr>
    <tr data-id="4"></tr>
    <tr data-id="5"></tr>
</table>

和javascript：

var product_id = [];
$("#gwAssignForm tr[data-id]").each(function () {
    product_id.push($(this).text());
});
var result = '"' + product_id.join('", "') + '"';

如何獲取列表ID，結果為：1,2,3,4,5

Answer 1

text()將為您提供元素的innerText 。 使用data() 。

返回指定數據存儲中jQuery集合中第一個元素的值，由數據（名稱，值）或HTML5 data- *屬性設置。

使用data('id')獲取data-id屬性值。

 var product_id = []; $("#gwAssignForm tr[data-id]").each(function() { product_id.push($(this).data('id')); }); document.write(product_id); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script> <table id="gwAssignForm"> <tr data-id="1"></tr> <tr data-id="2"></tr> <tr data-id="3"></tr> <tr data-id="4"></tr> <tr data-id="5"></tr> </table>