jquery 複数の要素をまとめた書き方について

Question

お世話になります。

jqueryを使用して、以下のようなコードをかいていた場合、
nth-child(1)～nth-child(10)まで書くとすごく長くなってしまうのですが、これをまとめて一行で書くにはどのように書けば実現できますでしょうか。
よろしくお願いいたします。

<div class="menu_list">
   <div class="inner">
      <ul class="clearfix">
         <li>コンテンツ１</li>
         <li>コンテンツ１</li>
         <li>コンテンツ１</li>
      </ul>
   </div>
</div>
<div class="menu_list">
   <div class="inner">
      <ul class="clearfix">
         <li>コンテンツ２</li>
         <li>コンテンツ２</li>
         <li>コンテンツ２</li>
      </ul>
   </div>
</div>
<!-- このmenu_listのカタマリが10個続きます -->

   <script>
      $(window).load(function () {
         $('.menu_list:nth-child(1) .inner ul li').tile(2);
         $('.menu_list:nth-child(2) .inner ul li').tile(2);
         $('.menu_list:nth-child(3) .inner ul li').tile(2);
         $('.menu_list:nth-child(4) .inner ul li').tile(2);
         $('.menu_list:nth-child(5) .inner ul li').tile(2);
         $('.menu_list:nth-child(6) .inner ul li').tile(2);
         $('.menu_list:nth-child(7) .inner ul li').tile(2);
         $('.menu_list:nth-child(8) .inner ul li').tile(2);
         $('.menu_list:nth-child(9) .inner ul li').tile(2);
         $('.menu_list:nth-child(10) .inner ul li').tile(2);
      });
   </script>

Answer 1

書いてあるとおりに処理するとするとこんな感じですか？

for(var i=1;i<=10;i++){
 $('.menu_list:nth-child('+i+') .inner ul li').tile(2);
}

eq()とか、filter()で処理してもよいでしょう

Comments

[yukabyo]

希望通りの動きになりました。ご回答ありがとうございました！

Answer 2

要素が10個だけで、:nth-child(10)まで書くなら、むしろ:nth-child()必要ないんじゃないかと思いますけど、まあ一応。

$('.menu_list:nth-child(10)').prevAll().andSelf().find( '.inner ul li' )

10個に満たない場合は上手く動作しないです。

Comments

[yukabyo]

このような書き方もあるのですね。ご回答ありがとうございました！