如何将特定的 Javascript 行写入 Jquery 语法？

Question

我正在尝试编写一个 skp nav 链接脚本，但我不想获取 id，而是想获取该类。如何用 jquery 语法编写以下脚本来获取类名？

$(document).ready(function() {
    $(".ajax-video").click(function(event) {
        event.preventDefault();
        document.getElementById("currently-playing-title").scrollIntoView();
    });
});

此外，由于某种原因，以下内容不起作用：

$('.videoplayer').scrollIntoView();

Answer 1

尝试

$('.videoplayer')[0].scrollIntoView();

$('.videoplayer') 一个 jQuery 集合，这样您只能在其上运行 jQuery 函数。 [0] 访问该集合中的第一个 DOM 元素。

请注意，如果您有多个带有 videoplayer 类的元素，您可能会在这里得到意外的结果。老实说，使用元素 ID 更好。

如果您有多个带有 .videoplayer 的元素，但一次只有一个元素可见（选项卡等），您还可以尝试：

$('.videoplayer:visible')[0].scrollIntoView()

Answer 2

下面展示了如何通过标识符获取类属性：

var className = $('#currently-playing-title').attr('class');
$('.' + className).scrollIntoView();

Answer 3

抱歉，我无法对 cwolves 的答案发表评论，但 jQuery.get() 是获取 DOM 引用的首选用法。

$('.videoplayer').get(0).scrollIntoView();

使用 [0] 也可以，但使用 .get() 会使代码看起来更干净，只是稍微干净一点。