Databases
StackOverflow2013
Postsdbo
POusing '.each' method: how do I get the indexes of multiple ordered lists to each begin at [0]?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POusing '.each' method: how do I get the indexes of multiple ordered lists to each begin at [0]?
    primarykey
    data
    text
    <p>I've got multiple divs, each with an ordered list (various lengths). I'm using jquery to add a class to each list item according to its index (for the purpose of columnizing portions of each list). What I have so far ...</p> <pre><code>&lt;script type="text/javascript"&gt; /* Objective: columnize list items from a single ul or ol in a pre-determined number of columns 1. get the index of each list item 2. assign column class according to li's index */ $(document).ready(function() { $('ol li').each(function(index){ // assign class according to li's index ... index = li number -1: 1-6 = 0-5; 7-12 = 6-11, etc. if ( index &lt;= 5 ) { $(this).addClass('column-1'); } if ( index &gt; 5 &amp;&amp; index &lt; 12 ) { $(this).addClass('column-2'); } if ( index &gt; 11 ) { $(this).addClass('column-3'); } // add another class to the first list item in each column $('ol li').filter(function(index) { return index != 0 &amp;&amp; index % 6 == 0; }).addClass('reset'); }); // closes li .each func }); // closes doc.ready.func &lt;/script&gt; </code></pre> <p>... succeeds if there's only one list; when there are additional lists, the last column class ('column-3') is added to all remaining list items on the page. In other words, the script is presently indexing continuously through all subsequent lists/list items, rather than being re-set to [0] for each ordered list.</p> <p>Can someone please show me the proper method/syntax to correct/amend this, so that the script addresses/indexes each ordered list anew?</p> <p>many thanks in advance.</p> <p>shecky</p> <p>p.s. the markup is pretty straight-up:</p> <pre><code>&lt;div class="tertiary"&gt; &lt;h1&gt;header&lt;/h1&gt; &lt;ol&gt; &lt;li&gt;&lt;a href="#" title="a link"&gt;a link&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#" title="a link"&gt;a link&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#" title="a link"&gt;a link&lt;/a&gt;&lt;/li&gt; &lt;/ol&gt; &lt;/div&gt;&lt;!-- END div class="tertiary" --&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USrjh
    1. USshecky
    plurals
    1. This table or related slice is empty.
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POusing '.each' method: how do I get the indexes of multiple ordered lists to each begin at [0]?
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POusing '.each' method: how do I get the indexes of multiple ordered lists to each begin at [0]?
      1. This table or related slice is empty.
      1. VTUpMod
    1. This table or related slice is empty.
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload