Remove TR with certain content

Question

I have a table with the following structure:

| abc|1 | def | ghi |
| erg|1 | asd | dfg |
| sdf|2 | ghj | erd |
| tsd|2 | sdf | hgj |

I now want to hide all tr where the suffix |2 can be found in the first td. So the result should be:

| abc|1 | def | ghi |
| erg|1 | asd | dfg |

This is my approach:

$('table tr').each(function() {
  $(this).find("\\|2").hide();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td>bla|1</td>
    <td>sdf</td>
    <td>hfgh</td>
  </tr>
  <tr>
    <td>bla|1</td>
    <td>3sf</td>
    <td>gdfg</td>
  </tr>
  <tr>
    <td>bla|1</td>
    <td>sdf</td>
    <td>jfhj</td>
  </tr>
  <tr>
    <td>bla|2</td>
    <td>sdf</td>
    <td>hfgh</td>
  </tr>
  <tr>
    <td>bla|2</td>
    <td>3sf</td>
    <td>gdfg</td>
  </tr>
  <tr>
    <td>bla|2</td>
    <td>sdf</td>
    <td>jfhj</td>
  </tr>
</table>

jsfiddle.

But that doesn't produce any result.

find looks for a selector and that is not a selector, it does not look at text. — epascarello, Jun 01 '16 at 12:10

score 1 · Accepted Answer · answered Jun 01 '16 at 12:12

You can use :contains selector.

$('table tr:contains(|2)').hide();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td>bla|1</td>
    <td>sdf</td>
    <td>hfgh</td>
  </tr>
  <tr>
    <td>bla|1</td>
    <td>3sf</td>
    <td>gdfg</td>
  </tr>
  <tr>
    <td>bla|1</td>
    <td>sdf</td>
    <td>jfhj</td>
  </tr>
  <tr>
    <td>bla|2</td>
    <td>sdf</td>
    <td>hfgh</td>
  </tr>
  <tr>
    <td>bla|2</td>
    <td>3sf</td>
    <td>gdfg</td>
  </tr>
  <tr>
    <td>bla|2</td>
    <td>sdf</td>
    <td>jfhj</td>
  </tr>
</table>

J. Titus · Answer 2 · 2016-06-01T12:16:59.180

0

That's not how .find() works. Try this instead:

$('table tr').each(function() {
  if ($(this).children('td').eq(0).text().match("\\|2")) {
    $(this).hide();
  }
});

Fiddle

edited Jun 01 '16 at 12:16

answered Jun 01 '16 at 12:12

J. Titus

9,535
1
32
45

That is not going to match the text since that is not a regular expression in the match() – epascarello Jun 01 '16 at 12:14
Oh really? https://jsfiddle.net/0839n7sq/ – J. Titus Jun 01 '16 at 12:16

score 0 · Answer 3 · answered Jun 01 '16 at 12:17

you can use .endsWith

$('table tr').each(function() {
    var $this = $(this);
    if ($this.find('td').eq(0).text().endsWith("|2")) {
        $this.hide();
    }
});

what actually happening here is we are finding whether the content of first column of every row endsWith |2

score 0 · Answer 4 · answered Jun 01 '16 at 12:18

0

You have to find td which contains "|2":-

$(this).find('td:contains("|2")').parent('tr').hide();

here is the fiddle

answered Jun 01 '16 at 12:18

Bik

553
10
31

score 0 · Answer 5 · answered Jun 01 '16 at 12:20

0

Simply use the following code

$('tr:contains(|2)').hide();

Update:

To restrict to check in first td only,

$('tr td:first-child:contains(|2)').parent('tr').hide();

answered Jun 01 '16 at 12:20

MallowWebFrontEndTeam

1
1

Remove TR with certain content

5 Answers5