js的简单特效

 <div class="d">

        <ul class="area">

            <li>23</li>

        

            <li>2sq</li>

        

            <li>3w</li>

        

            <li>4e</li>

        </ul>

    </div>

    <div class="d">

        <ul class="area">

            <li>sas</li>

        

            <li>sd</li>

        

            <li>a</li>

        

            <li>b</li>

        </ul>

    </div>

$(".area li:eq(0)").addClass("weight");

$(".area li:eq(1)").addClass("weight");

我要让<ul>下面的前面两个<li>加上一个class="weight"
如何实现啊，我写的只能实现第一个<ul>
刚刚学,大家帮帮忙
------解决方案--------------------
$(".area li:lt(2)").addClass("weight");
------解决方案--------------------
$(document).ready(function(){
$("tr.area").find("td:lt(2)").each(function(){
    $(this).addClass("weight");});
});
------解决方案--------------------

$(function() {

    $("ul li:nth-child(1)").addClass("weight");

    $("ul li:nth-child(2)").addClass("weight");   

    

});

不会写，达不到想象中的每一组的前n个增加样式的通用效果，只能对每一组一个一个增加。
等大虾来给答案。
------解决方案--------------------
$(function() {
    $("ul").each(function () { $('li:lt(2)', this).addClass('weight');//lt方法是从0开始的，并且不包括传入的序号 });
     
 });