jquery - jQuery 的一些问题

Question

这是html吗

  <div class='title centered'>SCE</div>
  <div class='description'>
    Magna tristique pulvinar porta montes, scelerisque
    odio montes porta habitasse, ut, arcu scelerisque vel, pellentesque
  </div>

我需要在单击父级(标题)后淡入子级 div(描述)。

  $('.title').click(function() {
    $(this).find('.description').fadeOut(fadeTime);
  })

出了什么问题？

Answer 1

如果您的页面上只出现过一次，balalakshmi 的答案就会起作用。如果您有多个，请使用以下内容:

$('.title').click(function() {
  $(this).next('.description').fadeOut(fadeTime);
})

注意 next 的使用，它查看 dom 中同一级别的下一个元素，而不是查找后代的 find 。

最后，如果您真正想要实现的效果是标题单击上的切换，请使用 slideToggle或众多 fadeToggle 插件之一。