根据每个表行中的单元格值更改按钮文本-Jquery

Question

我有一个HTML表，它显示来自DB的数据。[状态]列将每个记录的状态显示为"状态"；"可用"已预订"；或"；"保持"；。表的最后一列是[ACTION]列，其中包含一个BUTTON。如果行的状态＝"0"；可用"；则按钮文本应该是"0"；BOOK"；。同样地，如果状态＝"0"；已预订"；或"；"保持"；按钮文本应该是"；视图"；。我已经通过jquery成功地应用了css，如上所述，jquery根据单元格中的文本更改状态列的背景色，但相同的代码不适用于按钮文本。

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((方法访问它