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

Javascript 使用文本jquery识别按钮单击事件,javascript,php,jquery,Javascript,Php,Jquery,我有三个按钮,它们是用jQuery插件自动生成的 <button class="execute">Invoice1</button> <button class="execute">Invoice2</button> <button class="execute">Invoice3</button> Invoice1 发票2 发票3 我想编写jQuery(JS)代码来更新表单教科书,只需单击Invoice2按钮。 所以,

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

<button class="execute">Invoice1</button>
<button class="execute">Invoice2</button>
<button class="execute">Invoice3</button>
Invoice1
发票2
发票3
我想编写jQuery(JS)代码来更新表单教科书,只需单击Invoice2按钮。 所以,我想编写jQuery,使用按钮上的文本来识别它。我可以编写jQuery来更新文本框,但我不知道如何分别单击Invoice2按钮和其他按钮。我无法添加其他类或id,因为按钮是自动生成的。

请尝试使用like


这可以为您提供更多帮助。

您可以使用以下代码:

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

使用:在jquery中包含函数,并检查文本是否包含Invoice2,如果是,则执行代码。下面是代码的示例

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

$(文档).ready(函数(){
$('button:contains(“Invoice2”))。在('click',function()上{
警报(“已单击Invocie2输入”);
});
});

使用
$('.execute').eq(1)可能更有效。'click'.
@vch如果您的read OPs问题的顺序可能不同或其他..因此
eq(1)
不是一个选项。@vch如果只有3个按钮,如果它们的顺序不一样会怎么样?这是有问题的?很好的观点,尽管我没有看到问题中说它们的顺序可能超过3个,或者顺序是随机的。不管怎样,你是对的,在这些情况下答案更灵活。
<script>
$(document).ready(function(){
$('button:contains("Invoice2")').on('click',function(){
    alert("Invocie2 input was clicked");
});
});
</script>