条件为真却无法进入if语句的jQuery脚本问题

最可能的原因：字符串含不可见空白字符 #

你看到的innerText返回"Guest"，但实际可能包含前后空格、换行或制表符（比如" Guest "、"Guest\n"），直接用==和纯"Guest"比较自然不相等。原生innerText会保留元素里的空白格式，导致肉眼看不到但实际存在的字符干扰判断。

次要原因：全局DOM选择器的索引错位 #

你每次循环都全局查询$(".post .postprofile-rank")，再用[index]取元素。如果页面中某个.post节点下没有.postprofile-rank元素，这个全局数组的索引就会和当前循环的.post索引错位，导致你取到的不是当前帖子对应的等级元素。

修复方案 #

1. 用trim()清理空白（快速临时修复） #

把条件判断里的字符串先去掉前后空白：

if ($(".post .postprofile-rank")[index].innerText.trim() == "Guest") {
    $(this).css("border-top", "15px solid #d4d4d4");
    return true;
}

2. 优化DOM查询，避免索引错位（彻底解决） #

不要全局重复查询DOM，而是在当前循环的.post元素内查找子节点，既提升性能又避免索引问题，同时用jQuery的text()方法自动处理空白和兼容性：

$(document).ready(function() {
    $(".post").each(function() {
        const $post = $(this);
        const rankText = $post.find(".postprofile-rank").text().trim();

        if (rankText === "Guest") {
            $post.css("border-top", "15px solid #d4d4d4");
            return true;
        }

        const $profileInfo = $post.find(".postprofile-info");
        let color = "#d4d4d4";
        const textNode = $profileInfo[0].firstChild.nextSibling;
        
        if (textNode?.data?.startsWith("#")) {
            color = textNode.data;
        }

        $post.css("border-top", `15px solid ${color}`);
        $profileInfo.find(":first-child").css("visibility", "hidden");
        textNode.data = "";
    });
});

关键优化点： #

• 用$(this).find()替代全局查询，确保操作的是当前帖子内的元素
• 用text().trim()替代原生innerText，自动清理空白并兼容多浏览器
• 缓存DOM节点（比如$post、$profileInfo），避免重复查询DOM
• 用可选链?.避免textNode不存在时的报错

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