Find text and remove it jquery [duplicate]

Question

Possible Duplicate:
Find text string using jQuery?

How do you find a text string and hide it with 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>

How would I remove

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

from the code using a jquery.

:contains followed by .hide() or .remove(), depending on your intention. Either way, it's still in the source code, so it's just invisible, not actually deleted. — Blazemonger
– Blazemonger, Commented Jun 18, 2012 at 17:31
Have a look at jquery find element by text, How do I remove the parent element? and api.jquery.com/category/traversing/tree-traversal. — Felix Kling
– Felix Kling, Commented Jun 18, 2012 at 17:31
What you want to remove the tr or value of td? and on what condition? — Adil
– Adil, Commented Jun 18, 2012 at 17:45

Community · Accepted Answer · 2020-06-20 09:12:55Z

4

First off, your html is a bit messy, lacks a few tags. But here you go. ;)

1:

Preview - http://jsfiddle.net/Xpc63/1/

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

See preview for full JS code.

2:

Preview - http://jsfiddle.net/ahzPs/1/

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

See preview for full JS code.

3:

Preview - http://jsfiddle.net/mWtzw/

$('.CellLabel').filter(function() {
    return $(this).html().indexOf('Money') != -1;
}).remove();

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Jun 18, 2012 at 17:48

Jānis

3282 silver badges5 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

xcopy · Accepted Answer · 2012-06-18 17:34:14Z

0

You could use the contains selector method:

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

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

Or, if you just want to remove or hide the td that contains the text:

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

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

answered Jun 18, 2012 at 17:34

xcopy

2,26219 silver badges24 bronze badges

Comments

micadelli · Accepted Answer · 2012-06-18 17:35:14Z

0

$('.cellLabel').find('td:contains("money")').remove();

answered Jun 18, 2012 at 17:35

micadelli

2,4926 gold badges26 silver badges38 bronze badges

Comments

Nishu Tayal · Accepted Answer · 2012-06-18 17:39:07Z

0

// just want to remove
$('.cellLabel').find('td:contains("Money Received")').parent.remove();

Or

 // if just want to hide
 $('.cellLabel').find('td:contains("Money Received")').parent.hide();

answered Jun 18, 2012 at 17:39

Nishu Tayal

20.9k8 gold badges53 silver badges105 bronze badges

Collectives™ on Stack Overflow

Find text and remove it jquery [duplicate]

4 Answers 4

1:

2:

3:

Comments

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1:

2:

3:

Comments

Comments

Comments

Comments

Linked

Related