首页仅显示3条新闻列表项：现有jQuery代码失效求助

1. 先排查语法错误 #

你的代码存在两处语法错误：

• each 函数的回调未闭合圆括号与大括号，正确结尾应为 });
• 最外层 if 语句缺少闭合大括号

2. 修正选择器定位 #

根据你的HTML结构：

• 新闻列表容器是 <ul id="newstoggle">
• 列表项是类名为 newstoggle 的 <li>

正确的选择器应为 $("#newstoggle .newstoggle")，能精准定位到首页新闻容器下的所有列表项，避免误选页面其他元素。

3. 实现显示最新3条的逻辑 #

直接隐藏第4条及以后的新闻项更高效，修正后的完整代码：

// 确保DOM加载完成后执行代码
$(document).ready(function() {
    if ($("body").hasClass("home")) {
        // 选中首页新闻容器下的所有新闻列表项
        var newsItems = $("#newstoggle .newstoggle");
        // 隐藏第3条之后的所有项（索引从0开始，slice(3)表示从第4个元素起）
        newsItems.slice(3).hide();
    }
});

额外说明 #

• 必须包裹在 $(document).ready() 中，确保DOM元素加载完成后再执行操作，否则会因找不到元素导致代码失效
• 如果新闻是按「旧到新」排序，就改成 newsItems.slice(0, -3).hide()，隐藏前面的项，只保留最后3条最新新闻

内容的提问来源于stack exchange，提问作者VRground