jQuery检查CSS宽度是否大于0，然后添加CSS属性

jQuery check if CSS width is greater than 0 then add CSS property

本文关键字：CSS 然后 添加 属性 是否 检查 jQuery 大于      更新时间：2023-09-26

我一定做错了什么。我希望jQuery检查CSS元素的宽度是否大于0，然后添加CSS属性：

<script>
$(document).ready(function(){
    $(".neo-P4EMilestonesMilestone").each(function() {
        $(this).css('width') !=0) {
            $(this).css("display", "block");
        });
    });
});
</script>

class元素的默认宽度为0:

<div class="neo-P4EMilestonesMilestone" style="width:0">

我希望jQuery查看任何.neo-P4EMilestonesMilestone类，如果宽度没有设置为"0"，则添加"display:block"。像这样：

<div class="neo-P4EMilestonesMilestone" style="width:10%;display:block;">

您可以将其简化为以下内容：

此处示例

$('.neo-P4EMilestonesMilestone').each(function () {
    $(this).css('display', $(this).width() > 0 ? 'block' : '');
});

您的代码片段不起作用的原因有几个。首先，存在语法错误。此外，当您通过$(this).css('width')检索元素的宽度时，会包含px单位。您必须解析字符串parseInt($(this).css('width'), 10)才能检查它是否大于0。您可以使用$(this).width()来检索宽度，而不必这样做。

Yuu有一些语法错误。没有if关键字，也没有大括号。请参见下文。

$(".neo-P4EMilestonesMilestone").each(function () {
    if ($(this).width() != 0) {
        $(this).css({
            'display': 'block',
                'width': '10 % '
        });
    }
});
相关文章：