【要求】:使用jQuery 如何驗證某個元素是否為空
♪ 答:
<body>
<div id="div1">aa</div>
<input type="input" name="input1" value="bb">
<div id="parent">
<div></div>
</div>
<p class="pp">pp</p>
</body>
<script>
/**
* 判斷是否有內容
*/
// 方法1:
var isDivEmpty = $('#div1').text() ? false : true;
// 方法2:
var isInputEmpty = $('input[name=input1]').val() ? false : true;
/**
* 判斷是否有子元素
*/
// 方法3:
console.log( $('#parent').is(':empty') );
console.log( $('#pp').is(':empty') );
</script>