I'm using a jquery paging plugin called jPages.js located at the following url:
In the following code you can see that there's a div with a class of "post" so basically that div and it's child elements get repeated down the page and then the jPages plugin handles the amount per page and the paging system:
<h2 class="post-title">Title goes here</h2>
Text goes here. Text goes here.
Here is the function that initiates the plugin:
/* when document is ready */
It works as intended but I'm looking to extend it somewhat. Currently you can specify how many divs per page but I'd like to specify that each page is separated according to an alphabetical order. You'll notice that there's an h2 element set as a child of div.post that contains the title so if there are any h2 elements that contains a title that begins with the letter 'A' then those divs would be shown first. Any with a title that begins with 'B' then they would be shown next, etc. I thought about manually adding a second class of 'A', 'B', 'C' etc. to the parent div.post but I would need a way to revise the code in order to get this to work as needed.
I'm assuming that revising the code within the plugin would be a massive overhaul so I just wondered if anyone could give me any advice as to how to get this accomplished, or does anyone know of another plugin that would create this desired effect?
Thanks so much in advance - I really appreciate any advice.