Databases
StackOverflow2013
Postsdbo
POjQuery nextUntill id < num or alternative
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POjQuery nextUntill id < num or alternative
    text
    copied!<p>i'm using jQuery to show/hide different LI-elements based on their classes. Look at this example.</p> <pre><code>&lt;li id="1" class="fp de1"&gt;&lt;/li&gt; &lt;li id="2" class="fp de1"&gt;&lt;button onclick="hide(2,2);"&gt;&lt;/li&gt; &lt;li id="3" class="fp de2"&gt;&lt;button onclick="hide(3,3);"&gt;&lt;/li&gt; &lt;li id="4" class="fp de3"&gt;&lt;button onclick="hide(4,4);"&gt;&lt;/li&gt; &lt;li id="5" class="fp de4"&gt;&lt;/li&gt; &lt;li id="6" class="fp de3"&gt;&lt;/li&gt; &lt;li id="7" class="fp de3"&gt;&lt;/li&gt; &lt;li id="8" class="fp de1"&gt;&lt;button onclick="hide(8,2);"&gt;&lt;/li&gt; &lt;li id="9" class="fp de2"&gt;&lt;button onclick="hide(9,3);"&gt;&lt;/li&gt; &lt;li id="10" class="fp de3"&gt;&lt;button onclick="hide(10,4);"&gt;&lt;/li&gt; &lt;li id="11" class="fp de4"&gt;&lt;/li&gt; </code></pre> <p>You se that some of these have a button with a hide funcion. what i want is that when you press the hide button The following elements the have a highernumber in the .de# class should be hidden untill it reaches a LI with the same .de#-class.</p> <p>so if you press the hide(), i want LIs with ids 3,4,5,6,7 to be hiden. if i press the next on i want 4,5,6,7, and the thirs i want id 5 to be hidden.</p> <p>so this is the Javascript i made for it:</p> <pre><code>function hide(id,de){ var de2 = de-1; $('#'+id).nextUntil('li.de'+de2).hide(); } </code></pre> <p>The problem is that this function is not working exactly as i want. it would work correctly in the first hide()-function and the third but not in hide()function number two. here it will hide IDs: 4-8. so i want to do something. so i want the nextuntill() to hide elements untill it reaches a LI-element with the same .de# <strong>or a lower</strong> .de#.</p> <p>i hope i didn't complicate it to much in my description of the problem. if you have better idea than using nextUntill i'm all ears.</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

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