Jquery选择器来标识按钮

Question

我的网页上有一个按钮，下面是html

<input type="button" id="ChangeProductButton" value="Expire Product" class="btn btn-default">

我需要一个jquery选择器为这个按钮，特别是使用value属性。我已经尝试了几个jquery选择器使用value属性为这个按钮，但它似乎没有被识别。

这是我试图使用的jquery选择器:

$("input[value='Expire Product']").click(function (event) {
    alert("clicking expire");
});

Answer 1

你的选择器工作，你的问题可能是按钮是动态的，在这种情况下，使用on:

$(document).on('click', "input[value='Expire Product']", function(e) {
    alert('clicking expire');
});

这将工作，即使按钮是稍后制作的。

然而，如果你依赖于按钮的值，你可能应该重新考虑你在做什么。所有的id在一个页面上应该是唯一的，所以使用#ChangeProductButton应该是一个选项，而且更可取。