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

Question

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

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

类元素的默认宽度为 0:

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

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

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

Answer 1

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

Example Here

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

由于多种原因，您的代码片段无法正常工作。其一，存在语法错误。此外，当您通过 $(this).css('width') 检索元素的宽度时，会包含 px 单位。您必须解析字符串 parseInt($(this).css('width'), 10) 才能检查它是否大于 0。您可以使用 $(this).width() 检索宽度，而不是这样做，然后就没有必要了。