Question

我有三个按钮，它们是用jQuery插件自动生成的。

<button class="execute">Invoice1</button>
<button class="execute">Invoice2</button>
<button class="execute">Invoice3</button>

我想编写jQuery（JS）代码来更新表单教科书，只需单击Invoice2按钮。所以，我想编写jQuery来使用按钮上的文本来识别它。我可以编写jQuery来更新文本框，但我不知道如何单独点击其他人的Invoice2按钮。我无法添加其他类或ID，因为按钮是自动生成的。

Answer 1

尝试使用:contains之类的，

$('button:contains("Invoice2")').on('click',function(){
    alert('Invoice 2 clicked');
});

此demo可以为您提供更多帮助。

Answer 2

您可以使用以下代码：

 $('.execute').click(function(){
      if($(this).html() == 'Invoice2') {
       //Do your stuff
      }
 });

Answer 3

使用：包含jquery中的函数并检查天气文本是否包含Invoice2，如果是，则执行代码。以下是代码示例

<script>
$(document).ready(function(){
$('button:contains("Invoice2")').on('click',function(){
    alert("Invocie2 input was clicked");
});
});
</script>

使用文本jquery识别按钮单击事件

3 个答案: