仅当存在特定元素时，才将类添加到动态生成的div-Slick Slider

Question

我目前正在使用Slick Slider by Ken Wheeler在我网站的产品详细信息页面上显示功能图像和视频。我的问题是，我需要定位有视频的.slick-slide，但不确定如何做到这一点。

这里是HTML

<div class="slick-slide slick-current slick-active" data-slick-index="5" aria-hidden="false" role="tabpanel" id="slick-slide05" style="width: 735px;" aria-describedby="slick-slide-control05"><div class="product-video"><video controlslist="nodownload" loop="" muted="" style="width: 100%; display: inline-block;">     <source src="https://media.djnetworks.net/media/static/dj-includes/images/video/2020/02/2466486_A.mp4" type="video/mp4">      Your browser does not support HTML5 video.   </video></div></div>

我能够定位内部div并添加类。product-video（我需要），但也需要定位。slick-slide并添加类。video] >对此。这是我用来定位内部div的内容。

function addVideoClass() {

    // Targets div contain video for mobile slider
    $(".slick-slide > div:has(video)").addClass("product-video");

}
只是不确定如何也将外部div .slick-slide作为目标。提供的任何帮助将不胜感激。谢谢！

我目前正在使用Ken Wheeler的Slick Slider在我的网站的产品详细信息页面上显示功能图像和视频。我的问题是，我需要定位包含视频的.slick-slide，...

Answer 1

[定位具有视频div的幻灯片时，您还可以将其链接回父级并添加一个类，或者在下一行添加该类。