Databases
StackOverflow2013
Postsdbo
POjQuery selectors don't work for siblings?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POjQuery selectors don't work for siblings?
    primarykey
    data
    text
    <p>i have a multilevel menu with anchor-tags in it. My problem is to get the jQuery selectors to work properly.</p> <p>Working code:</p> <pre><code>$(this) .closest('li') .siblings('li.open') .children('a') .children('i') .toggleClass('class1') .toggleClass('class2'); </code></pre> <p>What it should be:</p> <pre><code>$(this) .closest('li') .siblings('li.open &gt; a &gt; i') .toggleClass('class1') .toggleClass('class2'); </code></pre> <p>But not even this works:</p> <pre><code>$(this) .closest('li') .siblings('li.open a i') .toggleClass('class1') .toggleClass('class2'); </code></pre> <p>What i want to do in text-form: The onClick event targets an anchor tag. I want the i-Tags in the anchors of the siblings of his parent LI - god that sounds aweful - to toggle two different classes.</p> <p>HTML</p> <pre><code>&lt;ul&gt; &lt;li&gt; &lt;a&gt;&lt;i class="class1"&gt;&lt;/i&gt;Label&lt;/a&gt; &lt;ul&gt; &lt;li&gt; &lt;a&gt;&lt;i class="class1"&gt;&lt;/i&gt;Label&lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a&gt;&lt;i class="class1"&gt;&lt;/i&gt;Label&lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a&gt;&lt;i class="class1"&gt;&lt;/i&gt;Label&lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a&gt;&lt;i class="class1"&gt;&lt;/i&gt;Label&lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a&gt;&lt;i class="class1"&gt;&lt;/i&gt;Label&lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a&gt;&lt;i class="class1"&gt;&lt;/i&gt;Label&lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a&gt;&lt;i class="class1"&gt;&lt;/i&gt;Label&lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li class="open"&gt; &lt;a&gt;&lt;i class="class1"&gt;&lt;/i&gt;Label&lt;/a&gt; &lt;ul&gt; &lt;li&gt; &lt;a&gt;&lt;i class="class1"&gt;&lt;/i&gt;Label&lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a&gt;&lt;i class="class1"&gt;&lt;/i&gt;Label&lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a&gt;&lt;i class="class1"&gt;&lt;/i&gt;Label&lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a&gt;&lt;i class="class1"&gt;&lt;/i&gt;Label&lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a&gt;&lt;i class="class1"&gt;&lt;/i&gt;Label&lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a&gt;&lt;i class="class1"&gt;&lt;/i&gt;Label&lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a&gt;&lt;i class="class1"&gt;&lt;/i&gt;Label&lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt; &lt;a&gt;&lt;i class="class1"&gt;&lt;/i&gt;Label&lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a&gt;&lt;i class="class1"&gt;&lt;/i&gt;Label&lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a&gt;&lt;i class="class1"&gt;&lt;/i&gt;Label&lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a&gt;&lt;i class="class1"&gt;&lt;/i&gt;Label&lt;/a&gt; &lt;/li&gt; &lt;li&gt; &lt;a&gt;&lt;i class="class1"&gt;&lt;/i&gt;Label&lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USProblemsOfSumit
    1. USProblemsOfSumit
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. COThis question would make a little more sense if we were able to see your HTML.
      singulars
      1. POjQuery selectors don't work for siblings?
      1. USDavid Thomas
    2. COi added it. It's a simple list. With more lists nested in it. As you can see, the second top-level LI has the class "open". If i click the first top-level LI's anchor, i need the li.open's anchor-tags i-tag (sorry for such phrasing) to toggle the classes
      singulars
      1. POjQuery selectors don't work for siblings?
      1. USProblemsOfSumit
 

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