Question

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

继承我的按钮和txt框我想通过按钮点击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>

Answer 1

使用jQuery highlight plugin

$("#HandsetDetails").highlight(<your keyword(s)>);

然后只为您突出显示的单词创建一个CSS样式：

.highlight {
    background-color: #FFFF88;
}

在您的HTML中使用突出显示：

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

这使用.click()和.val()

甚至更好，你可以使用DataTables另一个jQuery插件，可以根据输入过滤表 - 并加载更多!!导出到excel / pdf等

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

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

1 个答案: