Javascript 筛选包含表的表的行

我目前正在尝试实现一个搜索栏，它将过滤掉输入搜索栏中不包含文本的行

我当前的解决方案正在工作，但我不希望它工作，这是因为在表的每一行中，其中一列包含另一个表

以下是我的表格的html：

<table class="xxxxx" id="xxxx">
                    <thead>
                        <tr class="active">
                            <th style="width:30%">xxx</th>
                            <th style="width:30%">xxx</th>
                            <th style="width:25%" align="right">xxx</th>
                            <th style="width:2%"></th>
                        </tr>
                    </thead>
                    <tbody id="tableBody">
                        <tr t-foreach="xxxxx" t-as="xxxxx">
                            <td>
                                <a "xxxxxxxxxxxxxxxxxx">
                                <span "xxxxxxxxx"/>
                                </a>
                            </td>
                            <td>
                                <span "xxxxxxxxxxx"/>
                            </td>
                            <td>
                                <span "xxxxxxxxx"/>
                            </td>
                            <td>
                                <table style="width:100%">
                                    <tr>
                                        <td>
                                            <div>
                                                <a>xxxxx</a>
                                            </div>
                                        </td>
                                        <td>
                                            <div>"xxxxxx"</div>
                                        </td>
                                    </tr>
                              </table>
                           </div>
                        </t>
                    </td>
                 </tr>
             </tbody>
  </table>

如您所见，我在“tableBody”中过滤所有“tr”元素。这是一个问题，因为如果该行中的表与筛选器不匹配，它将删除未筛选出的行中的表。我只想过滤第一个“tr”，而不想过滤那些“tr”中的“tr”元素

如何做到这一点

提前感谢，

而不是

$("#tableBody tr")

使用

$("#tableBody > tr")

---

表示

tr

必须是

#tableBody

的直接子元素，它将忽略树下的所有其他

tr

元素

尝试使用

$（“#tableBody>tr”）

，其中

表示

tr

必须是

#tableBody

的直接子元素谢谢，问题解决了：好吧，我会给你一个答案，因为我不是100%确定它能解决问题

$("#tableBody > tr")