Я создаю очень простую страницу часто задаваемых вопросов с помощью jQuery. Вот так:
<h2>What happens when you click on this question?</h2>
<p>This answer will appear!</p>
Все это находится внутри очень определенного элемента div, поэтому я выберу заголовок с помощью $('#faq h2')
. Просто, верно? Нажмите на H2 и используйте this.next()
, чтобы появился следующий абзац.
(Оговорка с этой страницей заключается в том, что ее будет поддерживать непрограммист, поэтому я не использую классы: нет никакой гарантии, что любые новые записи будут содержать правильные классы.)
Так! Проблема:
<h2>What happens when you click on the next question?</h2>
<p>That is an interesting conundrum.</p>
<p>Because the maintainer is kind of long-winded</p>
<p>and many answers will span a few paragraphs.</p>
Так как же, не добавляя div
, классов и прочего, я могу сделать так, чтобы моя подпрограмма this.next()
выбирала все между вопросом, на который был нажат, и следующим вопросом (заголовок H2)?