Javascript 如何根据类名筛选子元素

我有一个带有一些产品图像的图像滑块：每个产品图标都有不同的图片，可以通过无序列表元素的类（示例中的DeepFaceMashie、McDowall、Niblick）来识别

<div class="cd-slider-wrapper">
    <ul class="cd-slider">                          
        <li class="selected DeepFaceMashie"><img src="img/deepface.jpeg"></li>
        <li class="DeepFaceMashie"><img src="img/deepface2.jpeg"></li>
        <li class="DeepFaceMashie"><img src="img/deepface3.jpeg"></li>
        <li class="McDowall"><img src="img/mcdowall.jpeg"></li>
        <li class="McDowall"><img src="img/mcdowall2.jpeg"></li>
        <li class="McDowall"><img src="img/mcdowall3.jpeg"></li>
        <li class="Niblick"><img src="img/niblick.jpeg"></li>
        <li class="Niblick"><img src="img/niblick2.jpeg"></li>
    </ul>                       
</div>

此时，我如何创建一个只包含一个产品图像的sliderContainer副本？

---

我只能提取子元素，但我需要保存slideerContainer结构，只包含选定的元素。

如果我的理解是正确的，您希望该滑块的副本只包含通过classname选择的特定类型的产品！？ 如果是这样，您可以克隆此滑块并将其副本插入滑块旁边或选择的特定元素。接下来要做的是删除不必要的元素：

$( ".cd-slider" ).clone().appendTo(".cd-slider-wrapper").contents().not('.McDowall').remove();

$( ".cd-slider" ).clone().appendTo(".cd-slider-wrapper").contents().not('.McDowall').remove();