Question

我已经尝试了所有东西并且无法获得下一个iframe的值，i帧被使用php回显。（下面的代码）

    <div class="video" vid="'.$userID.'" '.$style.'"><iframe vid="'.$userID.'" width="200" height="200" src="http://www.youtube.com/embed/'.$urlLink.'?autoplay=1&wmode=transparent" frameborder="0" allowfullscreen></iframe></div>

视频ID来自数据库。我目前有两个视频，它们都显示不同的提要，所以src工作正常，并且vid =“”是根据用户ID设置的，这也是每次正确更改（我已经使用inspect元素验证了这一点）。

我正在尝试从div获取vid attr以改变mouseenter。使用下面的代码我收到一个弹出窗口，但视频ID没有改变。它只是警告divs vid =“”值的第一个实例。

我真的被困了所以任何建议都会很棒。感谢

伊恩

    $(document).on('mouseenter','div.video',function(e){

    e.stopPropagation();

    var videoID = jQuery('div.video').attr("vid");

     alert(videoID);

    });

Answer 1

您正在从集合中的第一个元素中获取值，因为您正在选择所有元素。要仅选择悬停元素，请使用this关键字：

$(document).on('mouseenter','.video',function(){
    var videoID = $(this).attr("vid");
    alert(videoID);
});

如何使用iframe触发鼠标悬停的事件

1 个答案: