Jquery 如何在html表中搜索列并突出显示任何匹配项

有人能帮我一个代码片段，让我用输入到文本框中的搜索条件搜索html表中的一列吗？哪一个是手机号码？我希望能够在下面提供的表格中搜索手机号码TD，并突出显示任何匹配项

这是我的按钮和文本框，我想取消jquery，点击按钮

<asp:TextBox ID="txtSearchMobileNumber" runat="server" CssClass="number"></asp:TextBox>

 <asp:button runat="server" id="BtnSearchMobile"\>

这是我的桌子

    <code>
    <table id="HandsetDetails">
         <tr>
          <td>
             Mobile Phone number
             </td>
              <td>
              Network Provider
              </td>
              <td>
                Amount
              </td>
            </tr>
       </table>
</code>

手机号码
网络供应商
数量

使用jQuery

在HTML中使用高亮显示：

$('#BtnSearchMobile').click(function() {
    $("#HandsetDetails").highlight($('#txtSearchMobileNumber').val());
});

这使用和

或者更好的是，您可以使用另一个jQuery插件，该插件可以根据输入过滤表，并加载更多内容！！导出到excel/pdf等

（注意-我没有连接到任何一个插件-只是讨厌重新发明轮子）

使用jQuery

在HTML中使用高亮显示：

$('#BtnSearchMobile').click(function() {
    $("#HandsetDetails").highlight($('#txtSearchMobileNumber').val());
});

这使用和

或者更好的是，您可以使用另一个jQuery插件，该插件可以根据输入过滤表，并加载更多内容！！导出到excel/pdf等

---

（注意-我没有连接到任何一个插件-只是讨厌重新发明轮子）

为什么要搜索HTML表而不是数据库中的表？因为这个HTML表是由用户填充的，所以他们可以添加任意多的行，此搜索功能将允许用户搜索任何行，以便在出错时快速找到需要修改的编号，等等。为什么要搜索HTML表而不是数据库中的表？因为此HTML表由用户填充，因此用户可以添加任意多的行，这个搜索功能将允许用户搜索任何一行，以快速找到他们需要修改的号码，如果他们犯了一个错误，etcThanks非常感谢这些信息，例如，我从来都不是新的有一个突出显示插件，我对Jquery是新的，所以我在（）中说的对吗；我的文本框的名称是什么？@ScottAtkinson在我的答案中添加一个部分“将hightlight与您的HTML一起使用”——这应该会让您开始。。。。真的建议大家也看看DataTables——过滤会比在屏幕上突出显示更好……非常感谢您提供的信息，例如，我从来都不知道有一个突出显示插件，我对Jquery是新的，所以我在（）中说的对吗；我的文本框的名称是什么？@ScottAtkinson在我的答案中添加一个部分“将hightlight与您的HTML一起使用”——这应该会让您开始。。。。真的建议你也看看数据表-过滤比在屏幕上突出显示更好。。。。

$('#BtnSearchMobile').click(function() {
    $("#HandsetDetails").highlight($('#txtSearchMobileNumber').val());
});