根據每個表格行中的單元格值更改按鈕文本 - Jquery

Question

我有一個 HTML 表，它顯示來自數據庫的數據。 [status] 列將每條記錄的狀態顯示為“AVAILABLE”、“BOOKED”或“ON-HOLD”。 表的最后一列是 [ACTION] 列，其中包含一個 BUTTON。 如果 row 的狀態 =“Available”，則按鈕文本應為“BOOK”。 同樣，如果狀態 =“BOOKED”或“ON-HOLD”，則按鈕文本應為“VIEW”。 我已經通過 jquery 成功應用了 css，它根據上面提到的單元格中的文本更改狀態列的背景顏色，但相同的代碼不適用於按鈕文本。

HTML

<tr id="data_row">       
   <td class="align-middle text-center"><?php echo $Project; ?></td>
   <td class="align-middle text-center"><?php echo $Sector; ?></td>
   <td class="align-middle text-center"><?php echo $Category ;?></td>
   <td class="align-middle text-center"><?php echo $Plot_title ;?></td>
   <td class="align-middle text-center"><?php echo $App_date ;?></td>
   <td class="align-middle text-center"><?php echo $Customer ;?></td>
   <td class="align-middle text-center" id= "status"><?php echo $Status ;?></td>
   <td class="align-middle text-center">
       <button type="button" name="edit" id="<?php echo $Plot_ID; ?>" class="btn btn-outline-primary btn-sm edit_data" data-toggle="modal" data-target="#modalform" data-backdrop="static" data-keyboard="false">Book</button>
   </td>
</tr>   

Jquery

$('#myTable tr#data_row td#status').each(function () {
    switch ($(this).text()) {

        case "Booked":
            $(this).css({"background-color":"#eeac88", "color":" #7a3b2e"}); // (WORKING FOR CSS)
            $(".edit_data").text("View"); // (NOT WORKING FOR TEXT CHANGE)
            break;

        case "on-Hold":
            $(this).css("background-color","#fefbd8");
            $(".edit_data").text("View");
            break;
    
        default:
            $(this).css({"background-color": "#c5d5c5", "color":"green"});
            $(".edit_data").text("Book");
            break;
    }
});

Answer 1

嘗試

$(".edit_data").hmtl("View");

或者在按鈕內放一個<span>以使用 .text() 方法訪問它