jquery div append 소스

<!-- 새로운 요소를 추가할 div 요소 -->
<div id="myDiv"></div>

jQuery를 사용하여 div 요소에 append() 함수를 이용하여 새로운 요소를 추가하면서, 일정 개수 이상이 되면 추가되지 않도록 하는 방법은 다음과 같습니다.

 

 

// 추가할 요소
var newElement = $("<p>New element</p>");

// 최대 요소 개수
var maxElements = 10;

// 요소 개수가 최대 개수보다 작을 때만 추가
if ($("#myDiv").children().length < maxElements) {
  $("#myDiv").append(newElement);
}

먼저, 추가할 요소를 변수에 저장합니다. 이후, 최대 요소 개수를 변수에 할당합니다. 여기서는 maxElements 변수에 10을 할당하였습니다.

마지막으로, if 문을 사용하여 myDiv 요소의 자식 요소 개수가 최대 개수보다 작을 때만 요소를 추가하도록 합니다. children() 메서드를 사용하여 myDiv 요소의 자식 요소 개수를 구하고, .length 속성으로 해당 개수를 가져옵니다.

요소를 추가할 때는 append() 함수를 사용하고, 새로운 요소를 인자로 전달합니다. 이렇게 하면 myDiv 요소의 자식 요소로 새로운 요소가 추가됩니다.