jquery - 使用函数获取 jQuery 中元素的 id

标签 jquery

我有一个简单的代码,在 div 容器中有两个按钮。我想使用函数获取按钮的 id。

问题:有人可以解释一下为什么点击 Button1 不会提醒 myButton1 吗?我该如何解决这个问题?

代码:

<html>
<body>
    <style type="text/CSS">
        #mydiv{
            border: 1px dashed blue;
            width: 100px;
            height: 100px;
        }
    </style>
    <div id="myDiv">
        <input type="button" id="myButton1" value="Button1"></input>
        <input type="button" id="myButton2" value="Button2"></input>
    </div>

    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="code.js"></script>
</body>
</html>

code.js:

myfunction = function(e){
    alert(this.id);
    e.stopPropagation();
    }

$('#myDiv').click(function(){
            alert($('#myDiv').attr('id'));
        });

$('#myButton1').click("myfunction()");

$('#myButton2').click(function(e){
            alert(this.id);
            e.stopPropagation();
        });

最佳答案

$('#myButton1').click(function(){myfunction(this)});

myfunction = function(e){
    alert(e.target.id);
    e.stopPropagation();
    }

关于jquery - 使用函数获取 jQuery 中元素的 id,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25784175/

相关文章:

javascript - jquery 对话框按钮周围的表单?

javascript - 当使用匿名函数定义 on 时,jQuery 关闭

javascript - 上下文未定义 JavaScript

jquery - 当我将阻塞函数放入队列时,为什么 jQuery 的动画会中断?

javascript - HTML DIV 位于 DIV 之上的 DIV 内

jQuery - RCarousel 幻灯片 - 动态宽度?

javascript - 使用 JS 从外部 PHP 文件动态创建内容

javascript - 为什么这个 jQuery 会对这个 div 类的两个实例进行动画处理?

javascript - 前置滚动问题

javascript - 动画 float 元素