javascript - 最后一个选项中的定位按钮从 "Next"更改为 "Submit"

Question

这是我的按钮的代码...这是 FeulUX 为其向导提供的代码:

<button class="btn btn-default btn-next" data-last="Submit">Next<span class="glyphicon glyphicon-arrow-right"></span></button>

我只想在最后一次单击时(即当它转向提交时)定位该按钮。我有这个作为我的代码:

$('*[button.="Submit"]').click(function(){
        console.log('success');
    });

但每次单击按钮后它都会记录成功(即使按钮仍显示“下一步”)。

如何仅当按钮的文本更改为提交时才定位该按钮？

感谢任何帮助!

Answer 1

从我们上面看到的来看，我不知道使用 button 作为选择器是否足够，但基本上你只需要在事件处理程序中使用 if 语句...

$("button").click(function() {
    if (this.innerText === "Submit" || $(this).data("last") === "Submit") {
        console.log('success');
    }
});

您无法将事件分配给带有文本“提交”的按钮，因为该按钮当时不存在。您可以使用事件委托(delegate)并将点击处理程序分配给父元素，但如果您只需执行上述操作，则实际上没有必要。