Javascript jQuery检查CSS宽度是否大于0,然后添加CSS属性
我一定是做错了什么。我希望jQuery检查CSS元素的宽度是否大于0,然后添加CSS属性:Javascript jQuery检查CSS宽度是否大于0,然后添加CSS属性,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我一定是做错了什么。我希望jQuery检查CSS元素的宽度是否大于0,然后添加CSS属性: <script> $(document).ready(function(){ $(".neo-P4EMilestonesMilestone").each(function() { $(this).css('width') !=0) { $(this).css("display", "block"); }); }); });
<script>
$(document).ready(function(){
$(".neo-P4EMilestonesMilestone").each(function() {
$(this).css('width') !=0) {
$(this).css("display", "block");
});
});
});
</script>
$(文档).ready(函数(){
$(“.neo-p4emilestones里程碑”)。每个(函数(){
$(this.css('width')!=0){
$(this.css(“显示”、“块”);
});
});
});
class元素的默认宽度为0:
<div class="neo-P4EMilestonesMilestone" style="width:0">
我想让jQuery查看任何.neo-P4EMilestonesMilestone类,如果宽度未设置为“0”,则添加“display:block”。像这样:
<div class="neo-P4EMilestonesMilestone" style="width:10%;display:block;">
您可以将其简化为以下内容:
由于几个原因,您的代码片段无法工作。首先是语法错误。此外,当您通过
$(this.css('width')
检索元素的宽度时,将包括px
单元。您必须解析字符串parseInt($(this).css('width'),10)
,以检查它是否大于0
。您可以使用$(this).width()
检索宽度,而不必这样做。您有一些语法错误。没有if
关键字,也没有右大括号。
见下文
$(".neo-P4EMilestonesMilestone").each(function () {
if ($(this).width() != 0) {
$(this).css({
'display': 'block',
'width': '10 % '
});
}
});
有什么问题吗?如果宽度不是“0”,我希望jQuery添加“display:block;”。我认为首先是语法问题。就在最里面的一行之前,有一个大括号,但没有“if”、“function”、“for”或任何允许使用块分隔符的东西。
$(".neo-P4EMilestonesMilestone").each(function () {
if ($(this).width() != 0) {
$(this).css({
'display': 'block',
'width': '10 % '
});
}
});