Javascript find（）返回未定义

我在我的页面上使用Bootstrap 4导航标签，其中一些有YouTube播放器。因此，我创建了一个函数，用于在单击选项卡时检测上一个选项卡是否有播放器，然后停止视频

$('.home-section').on('show.bs.tab', 'a[data-toggle="tab"]', function (event) {
  if (typeof event.relatedTarget  !== "undefined") {
    var tab = $(event.relatedTarget).attr('href');
    var player = $(tab).find($('#youtube')).get(0);
    pauseVideo(player);
  }
});

但是现在，我有一个导航标签在一个窗格内，这个功能不起作用。

选项卡

变量返回正确的id，但是

播放器

变量总是返回未定义的id。

请更正

$('.home-section').on('show.bs.tab', 'a[data-toggle="tab"]', function (event) {
  if (typeof event.relatedTarget  !== "undefined") {
    var tab = $(event.relatedTarget).attr('href');
    var player = $(tab).find('#youtube').get(0);
    pauseVideo(player);
  }
});

---

您的代码是正确的，仅在这一行：

var player = $(tab).find($('#youtube')).get(0);

您必须将

选择器（
#youtube
）传递到
find（）
函数号
jQuery
元素：

var player = $(tab).find('#youtube').get(0);

使用
$（'#youtube'）。改为获取（0）