如何正确重命名标签中控制的按钮名称<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");
    }
});