クラス名に基づいてサブエレメントをフィルタリングするにはどうすればいいですか

Question

私はいくつかの製品イメージを持つ画像スライダを持っています：すべての製品は、順序付けられていないリスト要素のクラス（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 = navigation.parents('.cd-slider-wrapper').find('.cd-slider') 

を得ることができますJavaScriptでは、どのように私は1つの製品画像を含む、sliderContainerのコピーを作成することができますか？ 私は子供の要素だけを抽出することができましたが、slideerContainer構造体を選択した要素でのみ行う必要があります。

Answer 1

私の理解が正しい場合は、そのスライダーのコピーを、classnameで選択した特定のタイプの製品と一緒にしたい！ もしそうなら、このスライダを複製し、そのスライダをコピーするか、選択したスライダの特定の要素を挿入することができます。あなたがしなければならない次の事は、不要な要素を削除することです：

私が探しているまさにだ

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

working example for slider clone with specific content