Using JQuery to determine if a table contains a row with specific content

Question

I have this html table (vastly simplified to protect the innocent)...

<table id="codeList">
<thead> 
    <tr>
        <th>Code</th>
    </tr>
</thead>
<tbody>
    <tr>
        <td>Code1 <input type="hidden" name="code1" value="123"/></td>
    </tr>
        <tr>
        <td>Code2 <input type="hidden" name="code2" value="456"/></td>
    </tr>
    <tr>
        <td>Code3 <input type="hidden" name="code3" value="789"/></td>
    </tr>
</tbody>

...and I'm trying to determine in a javascript method if the code is already in the table...

if (!$('#codeList >tbody').is( ":contains('456')")) {
    $("#codeList > tbody:last").append("<tr>" +
    "<td> Code2 <input type='hidden' name='code2' value='456'/></td>" +
    "</tr>");
}

...which isn't working. Basically, I need a JQuery expression that can search the rows of the table, checking the value of each hidden field to see if it already exists and return true/false, or at least behave like true/false for the purposes of a javascript conditional. This is a bit different from most scenarios that I see in that I need to determine if a row doesn't exist and then act on the table. Most people want to select rows that DO exist and then act on them.

nnnnnn · Accepted Answer · 2014-11-23 02:57:14Z

2

Don't use :contains for attribute values, use the attribute equals selector:

if (!$('#codeList input[value="456"]').length) {
   // do something
}

That is select any inputs with that value that are descendents of #codeList and if none are found then .length will be 0...

edited Nov 23, 2014 at 2:57

answered Nov 23, 2014 at 2:50

nnnnnn

150k30 gold badges210 silver badges247 bronze badges

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

Comments

Luc · Accepted Answer · 2014-11-23 02:57:14Z

0

if (!$("#codeList input[value='456']")[0]) {
    $("#codeList > tbody:last").append("<tr>" +
    "<td> Code2 <input type='hidden' name='code2' value='456'/></td>" +
    "</tr>");
}

answered Nov 23, 2014 at 2:57

Luc

2,8152 gold badges28 silver badges47 bronze badges

Comments

Santosh Panda · Accepted Answer · 2014-11-23 03:02:59Z

0

if (!$('#codeList input[value="456"]').length) {
 $("#codeList > tbody:last").append("<tr>" +
  "<td> Code2 <input type='hidden' name='code2' value='456'/></td>" +
  "</tr>");
}

answered Nov 23, 2014 at 3:02

Santosh Panda

7,3418 gold badges45 silver badges58 bronze badges

Collectives™ on Stack Overflow

Using JQuery to determine if a table contains a row with specific content

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related