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 对象怎么会有点击事件？或者所有jquery对象都有“点击”？如何获取跨度中按钮的 id？

谢谢你。

Answer 1

那这个呢？

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