Question

我有一个页面，其中特定的div显示用户的“系统角色”的ID，如下所示：

<div id="systemRoleIndicator" style="display: none;">
    <p>Z</p>
</div>

我可以用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>

为什么会这样？我错过了比较字符串的内容吗？

Answer 1

#systemRoleIndicator的文本也将返回p节点附近的前导和尾随空格。返回文本" Z "而不是"Z"。您需要与p元素的文本进行比较。：

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

或修剪#systemRoleIndicator的文字内容：

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

将HTML文本内容与jQuery进行比较

1 个答案: