javascript - JQuery:获取跨度内的对象

Question

我对 jQuery 很陌生。以下是我的部分代码

<div class = 'buttons'>
    <span>
    <input type='button' value='BUTTON1' id='button1'>
    </span>
    <span>
    <input type='button' value='BUTTON2' id='button2'>
    </span>
</div>

使用 jquery，我想打印单击的按钮的 id。我尝试了以下方法:

$(".buttons > span").click(function () {
    alert("YOU CLICKED" + this.id);
});

但我认为这是指 span 对象。这很奇怪，因为 span 对象怎么会有点击事件？或者所有jquery对象都有“点击”？如何获取跨度中按钮的 id？

谢谢。

Answer 1

这个怎么样？

$(".buttons > span > input").click(function () {
    alert("YOU CLICKED" + this.id);
});