Fiddle

$(":button").click(function() {
   if ($(this).prop("id") == "update") {
        alert("Update clicked");
    }
    else {
        alert("Add clicked");   
    }
});

这在小提琴中起作用，但奇怪的是在我的本地主机上不起作用。

我在此行收到错误（Uncaught SyntaxError: UnExpected token Illegal）：

if ($(this).prop("id") == "update") {

我正在使用jQuery 1.10.0。

知道为什么吗？

Answer 1

这对我有用。请在浏览器中查看此内容。

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script src="https://code.jquery.com/jquery-1.10.0.min.js"></script>
    <script>
    $(document).ready(function(){
        $(":button").click(function(){
           if($(this).prop("id") == "update"){
                alert("Update clicked");
            }
            else {
                alert("Add clicked");   
            }
        });
    });
    </script>
</head>
<body>
<button id="update" type="button">UPDATE</button>
<button id="add" type="button">ADD</button>
</body>
</html>

Answer 2

<input type="button" id="update" data-type="update" />

在js中编写以下代码

$(":button").click(function() {
    if ($(this).attr("data-id") == "update") {
        alert("Update clicked");
    }
    else {
        alert("Add clicked");   
    }
 });

或尝试这些事情

$(this).attr('id');
or
$(this).get(0).id;
or
$(this)[0].id;

Answer 3

尝试使用this.id：

$(":button").click(function () {
    if (this.id == "update") {
        alert("Update clicked");
    } else {
        alert("Add clicked");
    }
});

如果点击其他按钮不起作用

Fiddle

3 个答案:

Fiddle