基于特定文本的单选按钮文本的查找和替换

Question

我使用jQuery查找和替换单选按钮文本，但是，我编写的代码删除了整个单选按钮，并将其替换为文本。我有三个单选按钮在一张桌子(低，医学，高)，我想找到单选按钮“高”，并取代它的文本类似于“完成”。

这是我要更好地解释的代码：

​

var tableRow = $("td").filter(function() {
  return $(this).text() == "High";
}).text("High", "Finished");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="nf-filler-control-inner">
  <table id="ctl00_ctl40_g_c8f035da_e217_44d5_83e0_bff9b94d32fc_ctl00_ctl00_formFiller_FormView_ctl122_065ff240_02d6_4583_a9b1_948238768260" class="aspNetDisabled  nf-associated-control" data-use-attribute-as-value="data-nfChoiceValue" style="width:100%;">
    <tbody>
      <tr>
        <td><span class="aspNetDisabled" data-nfchoicevalue="Low"><input id="ctl00_ctl40_g_c8f035da_e217_44d5_83e0_bff9b94d32fc_ctl00_ctl00_formFiller_FormView_ctl122_065ff240_02d6_4583_a9b1_948238768260_0" type="radio" name="ctl00$ctl40$g_c8f035da_e217_44d5_83e0_bff9b94d32fc$ctl00$ctl00$formFiller$FormView$ctl122$065ff240_02d6_4583_a9b1_948238768260" value="Low" checked="checked" disabled="disabled" formcontrolid="1a427d12-7f9d-4c49-97b1-e751e43c36ac"><label for="ctl00_ctl40_g_c8f035da_e217_44d5_83e0_bff9b94d32fc_ctl00_ctl00_formFiller_FormView_ctl122_065ff240_02d6_4583_a9b1_948238768260_0">Low</label></span></td>
        <td><span class="aspNetDisabled" data-nfchoicevalue="Medium"><input id="ctl00_ctl40_g_c8f035da_e217_44d5_83e0_bff9b94d32fc_ctl00_ctl00_formFiller_FormView_ctl122_065ff240_02d6_4583_a9b1_948238768260_1" type="radio" name="ctl00$ctl40$g_c8f035da_e217_44d5_83e0_bff9b94d32fc$ctl00$ctl00$formFiller$FormView$ctl122$065ff240_02d6_4583_a9b1_948238768260" value="Medium" disabled="disabled"><label for="ctl00_ctl40_g_c8f035da_e217_44d5_83e0_bff9b94d32fc_ctl00_ctl00_formFiller_FormView_ctl122_065ff240_02d6_4583_a9b1_948238768260_1">Medium</label></span></td>
        <td><span class="aspNetDisabled" data-nfchoicevalue="High"><input id="ctl00_ctl40_g_c8f035da_e217_44d5_83e0_bff9b94d32fc_ctl00_ctl00_formFiller_FormView_ctl122_065ff240_02d6_4583_a9b1_948238768260_2" type="radio" name="ctl00$ctl40$g_c8f035da_e217_44d5_83e0_bff9b94d32fc$ctl00$ctl00$formFiller$FormView$ctl122$065ff240_02d6_4583_a9b1_948238768260" value="High" disabled="disabled"><label for="ctl00_ctl40_g_c8f035da_e217_44d5_83e0_bff9b94d32fc_ctl00_ctl00_formFiller_FormView_ctl122_065ff240_02d6_4583_a9b1_948238768260_2">High</label></span></td>
      </tr>
    </tbody>
  </table>
</div>

​

代码：

 var tableRow = $("td").filter(function() {
 return $(this).text() == "Medium";
}).text("High", "Finished");

Answer 1

按标签内容更改标签您可以使用

$("td label").filter(function() {
   return $.trim($(this).text()) == "Medium";
 }).text("Finished");

Working Demo

检查输入值并更改其标签文本，可以使用

$("td input").filter(function() {
   return $.trim($(this).val()) == "Medium";
 }).closest('td').find('label').text("Finished");

Working Demo

注意：我更喜欢使用$.trim(值/文本)来避免左空格和右空格