jQuery — Как мне выбрать div внутри той же ячейки таблицы?

#jquery

#jquery

Вопрос:

Я пытаюсь выбрать div, который находится внутри того же tr, что и ссылка href. У меня есть несколько других divs в других строках таблицы, которые имеют один и тот же класс. Я не могу использовать parent(); или find(); , не так ли?

 <tr><td>
<a href="#" class="downloadTracksShow">Download Tracks</a><div class="downloadTracksDiv" style="display:none;">

<a href="downloads/mike/166320669010secreason.wav">Main Mix Track</a><br>
<a href="downloads/mike/94964secreason.wav">Bass</a><br></td></tr>
</div>


 $('.downloadTracksShow').click(function(e){
     e.preventDefault();
     var tracksDiv = $(this).find(".downloadTracksDiv");
     $(tracksDiv).slideToggle();
 });
  

Ответ №1:

 $('.downloadTracksShow').click(function(e){
    e.preventDefault();
    $(this).next().slideToggle();
    return false;
});
  

Ответ №2:

Попробуйте

  $('.downloadTracksShow').click(function(e){
     e.preventDefault();
     $(this).siblings("div.downloadTracksDiv").slideToggle();
 });