У меня есть такой 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!), Чтобы я мог определить buttonNo на основе id родительского div. В реальной жизни есть несколько таких разделов.
Как мне найти идентификатор div, являющегося родительским элементом кнопки.
Каким будет более семантический способ сохранить ответ в коде кнопки. Я хочу сделать это максимально надежным, чтобы непрограммист мог копировать и вставлять, не ломая ничего!