我要实现的目标
禁用表中第8列的过滤功能。 (例如,它不会被识别/不在乎)
我正在努力解决的问题
我无法从过滤中排除第8列。我尝试使用.not
,但也无法正常工作。我也尝试过使用CSS :not
,但是我听说这不够可靠(即使我在代码中使用了它)。我努力以正确的方式来实现。
我的问题
对于这种任务,最好的选择是什么?我将如何正确实施?
我的过滤条件
$("#table_search").on("keyup", function() {
var value = $(this).val().toLowerCase();
$(".table_data tr:not(:has(th))").filter(function() {
$(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
});
});
DOM
<div class="table_responsive">
<div><input type="input" id="table_search" class="form-control" placeholder="Perform a search..."></div>
<table>
<thead>
<th>thead1</th>
<th>thead2</th>
<th>thead3</th>
<th>thead4</th>
<th>thead5</th>
<th>thead6</th>
<th>thead7</th>
<th>thead8</th>
</thead>
</table>
<div class="table_scroll">
<table class="table_data">
<tr>
<td>row1</td>
<td>row2</td>
<td>row3</td>
<td>row4</td>
<td>row5</td>
<td>row6</td>
<td>row7</td>
<td>row8</td>
</tr>
</table>
</div>
</div>
其他评论
我知道有 几乎 个与我相同的问题,我不知道这是否是因为我还没有喝完早间咖啡。但这很可耻(有些尴尬),我一直在努力调整和实施他们对我问题的解决方案。
以下是我研究过的一些类似问题: