使用Jquery查找父div的id

我有一些像这样的html：

<div id="1">
    <p>
        Volume = <input type="text" />
        <button rel="3.93e-6" class="1" type="button">Check answer</button>
    </p>
    <div></div>
</div>

还有一些 JS 是这样的：

$("button").click(function () {
    var buttonNo = $(this).attr('class');
    var correct = Number($(this).attr('rel'));

    validate (Number($("#"+buttonNo+" input").val()),correct);
    $("#"+buttonNo+" div").html(feedback);
});

我真正想要的是，如果我不必在按钮上添加 class="1" （我知道数字类无效，但这是一个 WIP！），这样我就可以根据父div的id。在现实生活中，有多个部分看起来像这样。

1. 如何找到作为按钮父级的 div 的 id。

2. 将答案存储在按钮代码中的更语义化的方式是什么？我想让非程序员尽可能万无一失地复制和粘贴而不破坏东西！

你可以使用事件委托 http://learn.jquery.com/events/event-delegation/在父 div 上。或者使用closest http://docs.jquery.com/Traversing/closest方法来查找按钮的父级。

两者中最简单的可能是最接近的。

var id = $("button").closest("div").prop("id");