Filter out rows using table column with JQuery

我使用这个函数过滤掉行,它正常工作正常,我想在特定列上过滤行。

HTML表代码片段连接,但是我正在使用简单的输入文本字段作为搜索输入“aws_table_search”

$(document).ready(function() {
  var ch = document.getElementById('aws_select_search').value;

  //how to use ch in this type of function

  $("#aws_table_search").on("keyup", function() {
    var value = $(this).val().toLowerCase();
    $("#resolved_table tr").filter(function() {

      $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)

    });
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
  <select id="aws_select_search">
    <option value="0">Subdomain</option>
    <option value="1">Cname</option>
    <option value="2">NameServer</option>
  </select>
</div>
<div class="tbl-aws-header">
  <table cellpadding="0" cellspacing="0" border="0">
    <thead>
      <tr>
        <!-- headers -->
        <th>Subdomain</th>
        <th>Asset Type</th>
        <th>IPs</th>
        <th>region</th>
        <th>Date</th>
      </tr>
    </thead>
  </table>
</div>
<div style="width: 100%; height: 500px;" class="table-responsive">

  <div class="tbl-aws-content">
    <table id="resolved_table" cellpadding="0" cellspacing="0" border="0">
      <tbody id="aws_tbody">
      </tbody>
    </table>
  </div>
</div>
您需要添加一个HTML的示例,请使用代码和使用工具编辑帖子[<>].你对筛选专栏尝试了什么?超越Rossaini
I have added HTML partSAAD Sadiq
为什么将表格标题和表体分成两个不同的表?请将一些行添加到T bodde中克莱恩利

回答 0