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>
刚刚学,大家帮帮忙 JavaScript jquery
[解决办法]
$(".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开始的，并且不包括传入的序号 });

});