Javascript 比较HTML文本内容与jQuery

我有一个页面，其中一个特定的

div

显示用户“系统角色”的ID，如下所示：

Z

我可以用jQuery很好地检测出这个值，但我似乎不能实际地将它用于任何事情。例如，我从未收到此代码中的完成消息：

<script src="/scripts/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
    var role = $("#systemRoleIndicator").text();
    alert("Your role is: " + role); //displays proper value
    if (role == "Z") {
        alert("Code completed!");
    }
</script>

变量角色=$（“#systemRoleIndicator”）.text（）；
警报（“您的角色是：“+角色”）//显示正确的值
如果（角色==“Z”）{
警报（“代码已完成！”）；
}

为什么会这样？我是否缺少有关比较字符串的内容？

文本的

#systemRoleIndicator

也将返回p节点附近的前导和尾随空格。它返回文本

“Z”

，而不是

“Z”

。您需要与p元素的文本进行比较：

var role = $("#systemRoleIndicator p").text();

或修剪

#systemRoleIndicator

的文本内容：

var role = $("#systemRoleIndicator").text().trim();

---

啊，这很有道理。谢谢

var role = $("#systemRoleIndicator").text().trim();