jquery选择器来识别按钮

Question

我的网页上有一个带有以下html的按钮

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

我需要一个专门使用value属性的jquery选择器。我已经使用value属性为此按钮尝试了几个jquery选择器，但它似乎无法识别。

这是我尝试使用的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应该是一个选项，更为可取。