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

我有以下代码(咖啡脚本),并且我在rails上创建了一个订阅视频列表,我希望弹出窗口仅在我悬停的那一个上弹出.但是由于列表中的每个视频都具有订阅视频类,所以无论我将其悬停在哪个视频上,它都只会显示第一个视频的弹出窗口.用javascript定义我正在当前选择的(我正在悬停的一个)subscription-video类中寻找弹出窗口ID的最佳方法是什么？

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

解决方法:

您可以通过DOM遍历来实现.假设您的订阅视频标签和弹出窗口位于同一div中：

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

标签：coffeescript,javascript,ruby-on-rails,jquery
来源： https://codeday.me/bug/20191120/2042376.html