Я создаю очень простой раздел FAQ с 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)?