jQueryで配列を指定し順番を取得したいです

Question

var slide_top = ['images/slide/top_slide_1.png',
                'images/slide/top_slide_2.png',
                'images/slide/top_slide_3.png'　];

$(function(){

  for(var i = 0; i < slide_top.length; i++){
    // slide_1の中にliを作りliの中に画像を格納
    var slide_box = $("<li>"),
        slideshow = $(".slideshow");

        slide_box.html("<img src='"+ slide_top[i] +"'>");
        slideshow.append(slide_box);

      };
      //slideshowのliのそれぞれクラスを与える
      slideshow.find("li").addClass("slide");

　　　 //slideshowの最初のliにそれぞれクラスを与える
      slideshow.find("li"[0]).addClass("slide_in");
      //↑↑これを解決したいです
});

      <div class="slidshow_wrapper">
        <ul class="slideshow">
          <li class="slide"><img src="images/slide/top_slide_1.png"></li>
          <li class="slide"><img src="images/slide/top_slide_2.png"></li>
          <li class="slide"><img src="images/slide/top_slide_3.png"></li>
        </ul>
      </div>
      
      <div class="slidshow_wrapper">
       <ul class="slideshow">
          <li class="slide"><img src="images/slide/top_slide_1.png"></li>
          <li class="slide"><img src="images/slide/top_slide_2.png"></li>
          <li class="slide"><img src="images/slide/top_slide_3.png"></li>
        </ul>
      </div>

それぞれのクラスslideshowの子要素liの一番最初にクラスslide_inを与えたいです
それをjQueryで取得したいです
よろしくお願いします

※この時点でエラーは出ていません

Answer 1

slideshow.find("li:first-child").addClass("slide_in");

【:first-child - CSS: カスケーディングスタイルシート | MDN】
https://developer.mozilla.org/ja/docs/Web/CSS/:first-child