主页 / coding / 问题 / 79093998
Accepted
One
Asked: 2024-10-16 20:21:14 +0800 CST

使用 jquery 根据索引位置隐藏元素

  • 772

我有一个包含多列和多行的动态表。某些单元格中有特定值“N/A”。我想隐藏包含“N/A”的单元格及其表头，如何使用 jquery 实现

查看图片

我试过这段代码，部分可行。表格单元格完全隐藏，但只有第一个表格标题“material”被隐藏。

jQuery(document).ready(function() {
  var findna = jQuery('tr').find('td:contains(N/A)').index();
  jQuery('tr').find('td:contains(N/A)').css('display', 'none');
  jQuery('table tr:first-child')
    .find("th:eq(" + findna + ")").css('display', 'none');

  console.log(findna)
});
jquery

1 个回答

  1. Best Answer

    您需要更新代码以获取所有 3 个索引，然后隐藏

    jQuery(document).ready(function() {
  jQuery('tr').find('td:contains(N/A)').each(function() {
    $(this).css('display', 'none');
  });
  jQuery('tr:nth-child(2)').find('td:contains(N/A)').each(function() {
    jQuery('table tr:first-child').find("th:eq(" + $(this).index() + ")").css('display', 'none');
  });
});


    jQuery(document).ready(function() {
  jQuery('tr').find('td:contains(N/A)').each(function() {
    $(this).css('display', 'none');
  });
  jQuery('tr:nth-child(2)').find('td:contains(N/A)').each(function() {
    jQuery('table tr:first-child').find("th:eq(" + $(this).index() + ")").css('display', 'none');
  });
});
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<table>
  <tr>
    <th>Type</th>
    <th>Material</th>
    <th>Core</th>
    <th>Wire</th>
    <th>Vendor rate</th>

  </tr>
  <tr>
    <td>switch</td>
    <td>N/A</td>
    <td>N/A</td>
    <td>N/A</td>
    <td>30</td>
  </tr>
   <tr>
    <td>switch</td>
    <td>N/A</td>
    <td>N/A</td>
    <td>N/A</td>
    <td>50</td>
  </tr>
</table>

    • 0

相关问题