如何正确重命名<span>标签中</span>控制的按钮名称<span>？</span>

Question

HTML：

<td tabindex="5" class="buttonTD" id="BTN_TB_LeadDetailForm_QualifyLead" style='border-color: rgb(153, 153, 153); color: rgb(0, 0, 0); background-image: url("//images/button1.gif");'onclick="doNamedInvoke('Submit',this)">
<span data-odtype="imgcontainer"></span>
<span data-odtype="txtcontainer">&nbsp;Mark as Completed&nbsp;</span></td>

努力将<span>标记之间的值从Mark as Completed重命名为Complete 。

我测试过的最新代码仍然无法正常工作。

JavaScript：

ctr = 0;
$(".buttonTD").each(function(index) {

  if ($("span").innerHTML === " Mark as Completed ") {
    (this).innerText = "Complete";
    alert("mac");                                                            
  }
  ctr++;                      
});

感谢对此的任何帮助。

Answer 1

$("span").each(function(index) {

    var currentVal = $(this).text();

    if (currentVal == " Mark as Completed ")
    {
        $(this).text("Complete");
    }

});