Jquery 如何知道标记内容具有空格？

在特定条件下，我在表格单元格的内容前放置了空格：

    <c:forEach items="${menus}" var="hash_map_menu">
        <c:if test="${hash_map_menu.key == groupe_menu.gmnu_code}">
            <c:forEach items="${hash_map_menu.value}" var="menu" varStatus="iterator">
                <c:set var="bgcolor" value="#f9f9f9"/>
                <c:set var="checked" value=""/>
                <c:set var="indentation" value=""/>
                <c:forEach items="${role_menus}" var="role_menu">
                    <c:if test="${role_menu.menu_id == menu.menu_id}">
                        <c:set var="checked" value="checked"/>
                    </c:if>
                </c:forEach>
                <table class="table">
                    <tbody>
                        <c:if test="${iterator.index % 2 == 0}">
                            <c:set var="bgcolor" value="white"/>
                        </c:if>
                        <c:if test="${menu.menu_bouton == 1}">
                            <c:forEach begin="0" end="${menu.depth}">
                                <c:set var="indentation" value="${indentation}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" />
                            </c:forEach>
                        </c:if>
                        <tr style="background-color:${bgcolor};">
                            <td id="menulib_${menu.menu_id}">${indentation}${menu.menu_navigation}</td>
                            <td width="5%" align="center"><label><input type="checkbox" class="minimal" id="${menu.menu_id}" name="${menu.menu_id}" value="${menu.menu_id}" ${checked} /></label></td>
                        </tr>
                    </tbody>
                </table>
             </c:forEach>
         </c:if>
     </c:forEach>

${indentation}${menu.menu\u navigation}

它给出了如下内容：

现在，我想测试未选中的复选框是否位于未添加空格的单元格的同一表行中：

<script type="text/javascript">

    $(function() {

        $(":checkbox").on("ifUnchecked", function() { // iCheck callback
            var cellContent = $("td[id='menulib_"+$(this).attr('id')+"']").html();
            if (cellContent == $.trim(cellContent)) {
                alert("unchecked a parent checkbox");
            } else {
                alert("unchecked a child checkbox");
            }
        });

    });

</script>

$（函数（）{
$（“：checkbox”）.on（“ifUnchecked”，function（）{//iCheck回调
var cellContent=$（$td[id='menulib_'+$（this.attr（'id'）+']）html（）；
if（cellContent==$.trim（cellContent））{
警报（“未选中父复选框”）；
}否则{
警报（“未选中子复选框”）；
}
});
});

---

在运行时，即使我取消选中一个复选框，该复选框对应于一个单元格中有空格的行，我也会收到警告

取消选中一个父复选框

！那么如何知道元素的内容有空格呢？

您可以这样做（代码中的注释）：

$（'.minimal'）。在（'change'，function（）{//将更改事件绑定到复选框
var复选框=$（此）；
如果（！checkbox.is（'：checked'）{//如果未选中该复选框，请运行以下命令
var firstCell=checkbox.closest（'td'）.prev（）；//获取第一个同级单元格（假设您的复选框始终是第二个单元格）
if（firstCell.html（）.startsWith（“”））{//检查html是否以不间断空格开头
css（'color'，'red'）；//在这里做你的事情
}
}
})

${menu.menu\u导航}
${menu.menu\u导航1}

做某事的好方法使用空格：）使用更有意义的东西，如数据属性或空格：）我不明白！