jquery - 在 jQuery 中有没有更好的方法来做到这一点？

Question

  $(".exercise-name").click (e) ->
    e.preventDefault()
    $(this).parent().siblings(".exercise-details").slideToggle('fast')

基本上是以下结构

.exercise
  .exercise-header
    .exercise-name
  .exercise-details

有没有办法在不必遍历父母和兄弟姐妹的情况下获得锻炼细节。某种捷径？

Answer 1

可能是这样的：

$(".exercise-header, .exercise-name").click(function(e){
  e.preventDefault()
  $(this).siblings(".exercise-details").slideToggle('fast');
});

或这个：

$(".exercise-name").click(function(e){
  e.preventDefault()
  $('.exercise').find(".exercise-details").slideToggle('fast');
});

Answer 2

你可以用next()..

  $(this).parent().next().slideToggle('fast');

如果是下一个直系父母兄弟姐妹……但是我认为唯一的方法是先去找它的父母……