javascript - 如果 contentheight < 500，则删除 div 的简单 Javascript 规则

Question

我正在寻找一个 JS 规则，如果 contentheight < 500 则删除一个 div

我已经为图像进行了以下工作，但需要用删除 div 的命令替换图像调整大小：

 $(document).ready(function() {  

 function imageresize() {  
 var contentheight = $('#maincontainer').height();  
 if ((contentheight) < '500'){  
 $('.fluidimage').attr('src','images/big-sm.jpg');  
 } else {  
 $('.fluidimage').attr('src','images/big.jpg');  
 }  
 }  

 imageresize();//Triggers when document first loads      

 $(window).bind("resize", function(){//Adjusts image when browser resized  
 imageresize();  
 });  

 });  

非常感谢所有帮助

Answer 1

http://jsfiddle.net/Venugopal/eSBUz/2/

$(document).ready(function() {  
function imageresize() {  
var contentheight = $('#maincontainer').height();  
if (contentheight < 250){
    $('#maincontainer').css('background','blue');  
} else {  
    $('#maincontainer').css('background','red');
}  
}
imageresize(); //Triggers when document first loads      
$(window).bind("resize", function(){
 //Adjusts image when browser resized  
 imageresize();  
 });
}); 

Answer 2

使用 jQuery 删除一个div或任何 DOM 元素只是$(selector).remove(); 您正在寻找的东西吗？

Answer 3

$(document).ready(function() {
 function imageresize() {  
    var contentheight = $('#maincontainer').height();  
    if (contentheight < 500){
        $('.fluidimage').attr('src','images/big-sm.jpg');  
    } else {  
        $('.fluidimage').attr('src','images/big.jpg');  
    }  
 }
 imageresize(); //Triggers when document first loads      
 $(window).bind("resize", function(){
     //Adjusts image when browser resized  
     imageresize();  
 });
}); 

500是一个数字，而不是一个字符串。它不应该用引号引起来。
小提琴：http: //jsfiddle.net/eSBUz/

Answer 4

使用 each 来遍历 div 并检查维度怎么样？这样做你在每次调用时都有 DIV 的参考。像这样的东西：

$(".box").each(function (index) {
    console.log( $(this).attr("width") );
    w = Number( $(this).attr("width") );
    if( w > 10 ){
        $(this).remove();
    }
});

http://jsfiddle.net/hamiltonlima/dDJcA/