javascript - 让 javascript 仅作用于列表中的一项

Question

我有以下代码 (coffeescript)，我有 rails 创建订阅视频列表，我希望弹出窗口只在我悬停的那个上弹出。但是由于列表中的每个视频都有订阅视频类，无论我将鼠标悬停在哪个视频上，它只显示第一个视频的弹出窗口。让 javascript 定义我正在寻找当前选择的(我正在悬停的)订阅视频类中的弹出窗口 ID 的最佳方法是什么？

$(document).ready ->
  $('.subscription-video').hover (->
    $('#popup').show()
  ), ->
    $('#popup').hide()

Answer 1

您可以使用 DOM 遍历来完成。假设您的 subscription-video 标签和弹出窗口在同一个 div 中:

$(document).ready ->
  $('.subscription-video').hover (->
    $(this).closest('.popup').show()
  ), ->
    $(this).closest('.popup').hide()