read tabel value using jquery

good morning i wanna try to hide an icon using jquery in table data, if table data value reject then icon hide. but it doesnt seem right

<tr>            
    <td id="status"><?php echo $row[PO_Status]; ?></td>
    <td>
        <center>
            <a id="edit" href="./page.php?page=editdatapo&id=<?php echo $row[id]; ?>">
               <button type="button" class="btn btn-default btn-sm">
                 <span class="glyphicon glyphicon-pencil"></span>
               </button>
            </a>
        </center>
    </td>
</tr>
<script>
    $("#status").each(function() {
    var status = $(this).text();
    console.log(status);
    });
if (status = 'reject'){
$("#edit").hide();
}
</script>

i have 4 td Approve,Approve,reject,reject when i check console it print Approve,Approve,Approve,Approve

Answer

As per HTML Standard you can give id only on time in a page, If there are 1 id multiple time then you have to use find.

<script>
$("tr").find("#status").each(function() {
    var status = $(this).html();
    if (status == 'reject'){
        $(this).parent("tr").find("#edit").hide();
    }
});

Leave a Reply

Your email address will not be published. Required fields are marked *