Question

jQuery问题，对多个div内容进行判断并标记。

如题，在jQuery中如何在页面加载完毕之后对DIV内容进行判断，如果有内容则更改div的背景颜色。

Answer 1

<div id="myDiv">123</div>

$(document).ready(function(){
    var mydiv = $('#myDiv');
    if(div.html().length > 0) { //判断DIV下的html文本长度，如果大于0则表示有内容
        mydiv.css({'background-color':'red'});//设置div背景色为红色
    }
});

Answer 2

<div class="html"></div>

<script type="text/javascript">
$(function(){
	
	if( $(".html").html() == ""){
		
		$(".html").css("backgroundColor","");
		
	}else{
		
		$(".html").css("backgroundColor","#CCC");
		
	}
</script>

这个是判断是否有内容，如果有内容div的背景成为灰色，没有内容则不设背景色

Answer 3

<script>
jQuery(function(){
  var $main=$("#main");
  if($main.html()!=""){
    $main.attr("style","background:#f00;");
  }else{
    $main.removeAttr("style");
  }
});
</script>
<style>
#main {width:200px; height:30px; line-height:30px; border:1px solid #000;}
</style>
<div id="main"></div>

Answer 4

#("div").length 判断div是存在
#("div").text() 获取div内文本内容
#("div").html() 获取div内元素