htmlテーブル内の列を検索し、一致するものをハイライト表示する方法

Question

テキストに入力された検索条件でhtmlテーブルの1つの列を検索できるコードスニペットを手伝ってもらえますかボックス？これは携帯電話番号になります私は下に提供された私のテーブル内の携帯電話番号TDを検索し、一致を強調表示できるようにしたい.....

heres私のボタンとtxtボックス私はjqueryをオフにしたいボタンのクリック.........

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

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

HERESに私のテーブル

<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)>); 

を使用します

は、ちょうどあなたの強調表示ワード（S）のためのCSSスタイルを作成：

.highlight { 
    background-color: #FFFF88; 
} 

あなたのHTMLでハイライトを使用した：

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

これは.click()と.val()

またはより良いあなたの可能性を使用していますDataTables入力に応じてテーブルをフィルタリングできる別のjQueryプラグインを使用してください。 PDFなど/

をExcelにエクスポートする（注 - IMのいずれかのプラグインに接続されていない - ちょうど再発明し、ホイールを憎む）