JSFiddle - React, Tailwind, and code Playground

by der_robert

HTML

<div class="container">
<div class="pagination">
<ul>
<li>
<a class="first_link" href="">Erste</a>
</li>
<li>
<a class="previous_link " href="">Zurück</a>
</li>
<li>
<a class="page_link first active_page" longdesc="0" href="">1</a>
</li>
<li>
<a class="page_link " longdesc="1" href="">2</a>
</li>
<li>
<a class="page_link " longdesc="2" href="">3</a>
</li>
<li>
<a class="page_link last active_page" longdesc="3" href="">4</a>
</li>
<li>
<a class="next_link " href="">Weiter</a>
</li>
<li>
<a class="last_link" href="">Letzte</a>
</li>
</ul>
</div>
</div>

JavaScript

$(".container").find(options.nav_panel_id+" ul").find('.page_link[longdesc=' + page_num +']').addClass('active_page '+ jquery_ui_active_class)
													 .siblings('.active_page')
													 .removeClass('active_page ' + jquery_ui_active_class);