如何正确重命名在<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");
    }

});