3

重複の可能性:
jQuery を使用してテキスト文字列を検索しますか?

テキスト文字列を見つけて、jquery で非表示にする方法を教えてください。

<div class="report-box">
  <div class="title">test</div>
  <table>
    <tbody>
      <tr align="center" class="CellLabel">
        <td colspan="2">Day at a Glance</td>
      </tr>
      <tr class="CellLabel">
        <td>New Clients</td>
        <td>00000</td>
      </tr>
      <tr class="CellLabel">
      <  td>Money Received</td>
        <td>$ 0000,000.0000</td>
      </tr>
      <tr class="CellLabel">
        <td>Overdue Invoices</td>
        <td>0000000</td>
      </tr>
      <tr class="CellLabel">
        <td>Services</td>
        <td>000000</td>
      </tr>
      <tr align="right" class="CellLabel">
        <td colspan="2"></td>
      </tr>
    </tbody>
  </table>
</div>

どうすれば削除できますか

<tr class="CellLabel">
  <td>Money Received</td>
  <td>$ 0000,000.0000</td>
</tr>

jqueryを使用してコードから。

4

4 に答える 4

4

まず、HTMLは少し乱雑で、いくつかのタグがありません。しかし、ここに行きます。;)

1:

プレビュー-http://jsfiddle.net/Xpc63/1/

$('.CellLabel').removeByContent('Money');​

完全なJSコードについてはプレビューを参照してください。

2:

プレビュー-http://jsfiddle.net/ahzPs/1/

$('.CellLabel').contains('Money').remove();​

完全なJSコードについてはプレビューを参照してください。

3:

プレビュー-http://jsfiddle.net/mWtzw/

$('.CellLabel').filter(function() {
    return $(this).html().indexOf('Money') != -1;
}).remove();​
于 2012-06-18T17:48:56.643 に答える
0
// just want to remove
$('.cellLabel').find('td:contains("Money Received")').parent.remove();

または

 // if just want to hide
 $('.cellLabel').find('td:contains("Money Received")').parent.hide();
于 2012-06-18T17:39:07.037 に答える
0

contains セレクター メソッドを使用できます。

$('td:contains("$ 0000,000.0000")').parent().hide();  //to hide

$('td:contains("$ 0000,000.0000")').parent().remove();  //to remove

または、テキストを含む td を削除または非表示にするだけの場合:

$('td:contains("$ 0000,000.0000")').hide();  //to hide

$('td:contains("$ 0000,000.0000")').remove();  //to remove
于 2012-06-18T17:34:14.167 に答える
0
$('.cellLabel').find('td:contains("money")').remove();
于 2012-06-18T17:35:14.727 に答える