jquery select an element using comments inside it

Question

I need to select the table cell, that has a comment, which contains the word "Baseline EUI" and in that cell I need to add unit name next to the value ("59") like km or miles etc. How do I select the cell, provided the only thing that uniquely identifies that table cell is the keyword inside the comment i.e. "Baseline EUI" ? Please help me how I can select this table cell using jQuery? (I need to add unit like Km or Miles right after the number 59 in the table cell)

<tr>
    <td width="165" class="ms-formlabel" noWrap="nowrap" vAlign="top">
        <H3 class=ms-standardheader><A name=SPBookmark_BaselineEUI></A>Baseline EUI</H3>
    </td>
    <td width="450" class="ms-formbody" id="SPFieldNumber" vAlign="top">
        <!-- FieldName="Baseline EUI" FieldInternalName="BaselineEUI" FieldType="SPFieldNumber"  -->
          59
    </td>
</tr>
<tr>
 There are many rows/cells like the above...
</tr>

http://api.jquery.com/contains-selector/ – Jeffpowrs Sep 12 '14 at 16:05 — Jeffpowrs, Sep 12 '14 at 16:05

Alaa Othman · Answer 1 · 2014-09-12T16:54:55.027

First you select the tr tag then loop throw the contents of each tr tag searching for the content which contains the word you are searching for .

$( "tr" ).each(function() {

});

For adding the unit you want, you would do the same but when you find that cell, you will the index method of jquery to know where the number is and then use jquery substring method to split the value of that cell in two parts adding your unit to the first part and then make the value of that cell = the first part (after adding your unit) + the second part (using jquery substring method).

Please, let me know in the comments if you need detailed code .

score 1 · Accepted Answer · edited Feb 09 '17 at 12:27

I haven't test this code. But it should work in your case. please verify and make necessary changes.

$.each($("yourtable tr"),function(i,val){
var check=false;
//check if Baseline EUI is contained inside tr
if($(val).html().indexOf('Baseline EUI'))
{
var x=$(val).find('td')[1];
var p=$(x).html()+' km';//set your suffix
$(x).html(p)

}

});

or use this as a selector of the right tr:

$(".ms-formtable tr").filter(function (i, v) { if ($(this).html().indexOf('Zugehoerigkeit') > 0) { return this; } })

jquery select an element using comments inside it

2 Answers2