Beispiel, Istzustand (Seitenausgabe)
Code: Select all
<div id="Start" class="onepage_page ">
<div class="onepage_page_inner">
<input type="checkbox" class="lck_acc-toggle" checked="">
<i class="lck_acc-toggle-icon"></i>
<h1>Start</h1>
<p>Ich bin ein Absatz voll mit Inhalt.</p>
<p>Ich bin ein <span>weiterer Absatz</span> voll mit Inhalt</p>
<img src="test.jpg" alt="Testbild" />
<h2>Ich bin eine Zwischenüberschrit</h2>
<p>Ich bin noch ein Absatz, aber ich habe einen <a href="#" title="Beispiellink">Link</a> in mir.</p>
...
</div>
</div>
<!-- Hier beginnt eine neue Seite -->
<div id="Start" class="onepage_page ">
<div class="onepage_page_inner">
<input type="checkbox" class="lck_acc-toggle" checked="">
<i class="lck_acc-toggle-icon"></i>
<h1>Start</h1>
...
</div>
</div>
Code: Select all
<div id="Start" class="onepage_page ">
<div class="onepage_page_inner">
<input type="checkbox" class="lck_acc-toggle" checked="">
<i class="lck_acc-toggle-icon"></i>
<h1>Start</h1>
<div class="page-content"> <!-- dieses div sollte automatisch erzeugt werden -->
<p>Ich bin ein Absatz voll mit Inhalt.</p>
<p>Ich bin ein <span>weiterer Absatz</span> voll mit Inhalt</p>
<img src="test.jpg" alt="Testbild" />
<h2>Ich bin eine Zwischenüberschrit</h2>
<p>Ich bin noch ein Absatz, aber ich habe einen <a href="#" title="Beispiellink">Link</a> in mir.</p>
...
</div> <!-- End div class="page-content" -->
</div>
</div>
Mit jQuery würde die Lösung so aussehen
Code: Select all
$(".onepage_page_inner > .lck_acc-toggle ~ h1").nextUntil(".onepage_page").wrap("<div class='page-content'></div>");