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>

class元素的默认宽度为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

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

这里的例子

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

您的代码段无法正常运行有几个原因。 首先，存在语法错误。 另外，当您通过$(this).css('width')检索元素的宽度时，会包含px单位。 您可能必须分析字符串parseInt($(this).css('width'), 10)才能检查它是否大于0 。 不必这样做，您只需使用$(this).width()检索宽度，然后就没有必要了。

Answer 2

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

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