jquery查找父窗体id_使用Jquery查找父div的id

I have some html like this:

Volume =

Check answer

and some JS like this:

$("button").click(function () {

var buttonNo = $(this).attr('class');

var correct = Number($(this).attr('rel'));

validate (Number($("#"+buttonNo+" input").val()),correct);

$("#"+buttonNo+" div").html(feedback);

});

What I'd really like is if I didn't have to have the class="1" on the button (I know numeric classes aren't valid, but this is a WIP!), so I could determine buttonNo based on the id of the parent div. In real life there are multiple sections looking like this.

How do I find the id of the div parenting the button.

What would be a more semantic way to store the answer in the button code. I want to make this as foolproof as possible for a non programmer to copy and paste without breaking things!

解决方案

You could use event delegation on the parent div. Or use the closest method to find the parent of the button.

The easiest of the two is probably the closest.

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