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