得到所有 <tr> 表中的ID？

Question

我想得到所有tr id并将其注册到jQuery数组，这是我的表代码：

<div class="table-responsive" style="margin-top: 10px">
    <table class="table table-striped table-bordered" id="tabletmpitem">
        <thead>
        <tr>
            <th>EAN</th>
            <th>Item Name</th>
            <th>Old Price</th>
            <th>New Price</th>
        </tr>
        </thead>
        <tbody id="tbodytmpitem">
            <tr id="1"><td></td>
            <tr id="2"><td></td>
        </tbody>
    </table>
</div>

如何获取所有id并将它们分配给jQuery数组？ 我想用它来检查表行中存在什么值？ 所以我想要的是获取所有tr id并将它们分配给jQuery数组。

Answer 1

在tbody中迭代tr并将其推送到数组

 var arr = []; $("#tbodytmpitem tr").each(function() { arr.push(this.id); }); console.log(arr); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="table-responsive" style="margin-top: 10px"> <table class="table table-striped table-bordered" id="tabletmpitem"> <thead> <tr> <th>EAN</th> <th>Item Name</th> <th>Old Price</th> <th>New Price</th> </tr> </thead> <tbody id="tbodytmpitem"> <tr id="1"> <td></td> <tr id="2"> <td></td> </tbody> </table> </div> 

Answer 2

使用.map()迭代所有tr并返回其ID。 然后使用$.makeArray()将结果转换为数组。

 var array = $.makeArray($('tbody tr[id]').map(function() { return this.id; })); console.log(array); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="table-responsive" style="margin-top: 10px"> <table class="table table-striped table-bordered" id="tabletmpitem"> <thead> <tr> <th>EAN</th> <th>Item Name</th> <th>Old Price</th> <th>New Price</th> </tr> </thead> <tbody id="tbodytmpitem"> <tr id="1"> <td></td> <tr id="2"> <td></td> </tbody> </table> </div>