// 错误用法
$(":lt(2) .item"); // 不会按预期工作

// 正确用法
$(".item:lt(2)"); // 选择前两个class为item的元素

// 使用.eq()和.slice()作为替代
$("div").slice(0, 2); // 等同于$("div:lt(2)")

$(document).ready(function() {
    // 确保DOM完全加载后再使用选择器
    $("li:lt(3)").css("color", "red");
});

// 选择前3个可见的div元素
$("div:visible:lt(3)");

// 选择前5个有data-id属性的li元素
$("li[data-id]:lt(5)");

<ul id="list">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
    <li>Item 5</li>
</ul>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
    // 正确使用:lt选择器
    $("#list li:lt(3)").css("font-weight", "bold");
    
    // 等效的.slice()方法
    $("#list li").slice(0, 3).css("color", "blue");
});
</script>