Вопрос к гуру JQuery — почему не работает вот такой хитрый селектор?

Question

[ionicman]

Есть такой html:

&lt;tr&gt;<br/>
 &lt;td onclick=&quot;$(':parent~tr.dsc:first',this).toggle()&quot;&gt;...&lt;/td&gt;<br/>
 &lt;td&gt;...&lt;/td&gt;<br/>
&lt;/tr&gt;<br/>
&lt;tr class=&quot;dsc&quot;&gt;<br/>
 ...<br/>
&lt;/tr&gt;<br/>

Смысл: по клику на TD скрыть/показать tr с классом dsc.

Если тоже самое сделать с помощью parent() или next() то все работает.



С точки зрения семантики — получили родителя (TR), от него пошли искать next sibling (TR.dsc) и взяли из коллекции первый элемент — вроде все верно.



Лезть смотреть в JQ не сильно охота, мож кто сталкивался?

Answer 1

[Анатолий]

$(':parent', elem)

ищет _внутри_ элемента его родителя, это не правильно. Делайте проще:

$(this).parent().next().toggle();

Это будет быстрей (никаких разборов селекторов)
Это будет проще (при изменении не надо ломать голову разбираясь в селекторах)
Это будет работать =)
+ в каждый из методов можно вставить селектор для фильтрации, если нужно

Comments

[Анатолий]

$(this).parent().nextAll('selector').toggle(); // если надо не конкретно следующего а одного из следующих по селектору

Answer 2

[mark_ablov]

this — не нужен.

Comments

[ionicman]

а как он тогда узнает ОТ КАКОГО элемента идти?

[mark_ablov]

а, протупил, думал что у вас 1 dsc, а их может быть много, как я понял.

[mark_ablov]

тогда другой порядок нужен:
$(this, ':parent~tr.dsc:first')