从jquery表检索筛选的单元格数据
我有一个非常像这样的桌子结构从jquery表检索筛选的单元格数据,jquery,Jquery,我有一个非常像这样的桌子结构 <table id="oustandingItems"> <thead> <tr><th>Category</th> <th>Details</th> <th></th> </tr>
<table id="oustandingItems">
<thead>
<tr><th>Category</th>
<th>Details</th>
<th></th>
</tr></thead>
<tbody>
<tr>
<td>
<select id="OICategory">
<option value="1">Fault</option>
<option value="2">Shortage</option>
<option value="3">Retorfit</option>
<option value="4">Labour</option>
<option value="5">Other</option>
</select>
</td>
<td><textarea id="OIDetails" rows="3" cols="62"></textarea></td>
<td><button id="addNewRow" class="addbutton">>Add</button></td>
</tr>
<tr>
<td> </td>
<td class="detailsCounter textareacounter">185 characters remaining</td>
<td> </td>
</tr>
<tr>
<td class="evenrow">Fault</td>
<td class="evenrow">ghgfhgfhgfhgfh</td>
<td class="butCell evenrow">
<button class="removeitem">Remove</button>
</td>
</tr>
<tr>
<td class="oddrow">Fault</td>
<td class="oddrow">cvbcvbcvbcvbcvb</td>
<td class="butCell oddrow">
<button class="removeitem">Remove</button>
</td>
</tr>
</tbody>
</table>
但是,我没有得到正确的输出。有人能告诉我为什么返回按钮单元格以及前两个单元格
尝试将其添加到选择器中:
button:not(.removeitem) ,
i、 e.排除您的按钮:
var tds=$('#oustandingItems td.evenrow,#oustandingItems td.oddrow按钮:非(.removietem')。过滤器(函数(索引)
请参阅jQuery选择器文档。您使用的是
筛选方法,但实际上不筛选元素,您可以使用非方法:
$(document).ready(function() {
var $tableHeader = $('#oustandingItems');
var $tds = $tableHeader.find('td.evenrow, td.oddrow').not('.butCell').each(function(){
// alert($(this).text())
})
});
您可以使用缓存对象和find
方法,这比重新查询DOM更有效。请注意,使用按钮.removietem
不会过滤td
元素
$(document).ready(function() {
var $tableHeader = $('#oustandingItems');
var $tds = $tableHeader.find('td.evenrow, td.oddrow').not('.butCell').each(function(){
// alert($(this).text())
})
});