javascript - jQuery if 语句 $(this) 选择器

Question

如何在 jQuery 中“选择”通过 if 语句的 dom 元素？

我正在检查 url 是否有散列。散列匹配视频容器的类。如果 url 确实有哈希，则具有匹配类的 iframe 会添加一个事件类以将其显示为 block ，而不是隐藏。如果没有，则显示列表中的第一个视频:

jQuery(document).ready(function($) {

    videoCarousel();

}); 

function videoCarousel() {

    // Set variables
    var carousel = $('#video_container');
    var videos = $('#video_container #video iframe');

    // Get url hash and remove # from begining
    var hash = window.location.hash.substring(1);


    if (videos.hasClass(hash)) {
        $(this).addClass('active');
    } else {
        videos.first().addClass('active');
    }

}

Answer 1

If the url does have a hash, the iframe with the matching class gets an active class added to display it as block, instead of hidden. If it doesn't, the first video in the list is displayed:

(我的重点)

这是关键信息，我想我们很多人都看过它。您需要更改选择器，而您根本不需要this:

function videoCarousel() {
    // Set variables
    var carousel = $('#video_container');
    var videos = $('#video_container #video iframe');

    // Get url hash and remove # from begining
    var hash = window.location.hash.substring(1);

    // Get the video with the matching class
    var targetVideo;
    if (hash) {
        targetVideo = videos.filter("." + hash);
    }
    if (!targetVideo || !targetVideo[0]) {
        // There's no hash, or no match; use the first
        targetVideo = videos.first();
    }

    // Add the class
    targetVideo.addClass("active");
}