div가 비어 있는지 확인하십시오.

Question

이것은 토글 한 내 jquery입니다. 사용자가 #title div를 클릭하면 몇 가지 요소가있는 경우 #description div가 표시됩니다. 하지만 사용자가 #title div를 클릭하고 #description div에 요소가 없을 때 발생합니다. "가제트가 추가되지 않았습니다. 일부 가제트를 추가하십시오."와 같은 메시지를 표시하고 싶습니다. " 이것들은 내가 지금까지 해왔지만 결과를 얻을 수 없다. 그것이 어떻게 행해질 수 있는지.

$(document).ready(function() { 
    $('#title').click(function() { 
      $('#description').slideToggle("fast"); 
      if($('#description').is(':empty')) { 
       $('#description').html("No Gadget is added. Add some Gadget."); 
      } 
    }); 

Answer 1

#description div는 비어 있어도 "공백"을 가질 수 있습니다.

$(document).ready(function() { 
    $('#title').click(function() { 
     $('#description').slideToggle("fast"); 
     if(!$.trim($('#description').html()).length) { 
      $('#description').text("No Gadget is added. Add some Gadget."); 
     } 
    }); 
}); 

업데이트 : Here는 공백 데모입니다 그런 경우 경우이 작동합니다. #description div에는 열기 태그와 닫기 태그 사이에 간격이 있습니다. 빈 후자

<div id="description"></div> 

반대로

<div id="description"> </div> 

은 사실 수 있지만 이전에 거짓이 될 것입니다.