jQuery를 사용하여 페이지에 새 클래스 추가

Question

jQuery를 사용하여 프로그래밍 방식으로 error_icon 클래스의 DIV를 페이지에 추가하려고합니다.

들이 추가하고

<div id="error_icon_holder"></div> 

, 마크 업이 유사합니다 : 이것은 HTML입니다

<div id="error_icon_holder"> 
    <div class="error_icon"></div> 
</div> 

내가 .addClass를 사용하여 시도

을하지만 결과 : 또한

<div id="error_icon_holder" class="error_icon"></div> 

그리고 시도한 .after도 작동하지 않았습니다. 누군가가 어떻게하는지 알려 줄 수 있습니까? 감사.

Answer 1

당신은 또한 주위를 뒤집은 .appendTo()을 사용할 수 http://api.jquery.com/append/

---

• .append()

  $('#error_icon_holder').append('<div class="error_icon"></div>'); 
  

  를 원한다. error_icon_holder 이후

---

또는

• http://api.jquery.com/appendTo/

  $('<div class="error_icon"></div>').appendTo('#error_icon_holder'); 
  

  가 비어있는 것으로 나타납니다, 당신은 .html()를 사용할 수 있습니다. (이것은 일반적으로 기존 내용을 덮어 쓸 것입니다.)이 만들어진 후에는 error_icon의 DIV에 액세스 할 수 있도록 당신이 사용할 수

  $('#error_icon_holder').html('<div class="error_icon"></div>'); 
  

  • http://api.jquery.com/html/

Answer 2

:

var errorIcon = $('<div/>'); 
errorIcon.addClass('error_icon'); 
$('#error_icon_holder').append(errorIcon); 

Answer 3

patrick이 제공하는 서비스를 확장하려면 .append()은 error_icon_holder div 내에있는 기존 콘텐츠를 보존합니다. 내용을 완전히 바꾸려면 .html()을 사용하십시오.

내부 div 작성 문에 error_icon 클래스를 포함하지 않으려면 DOM 트리 내에 내부 div를 작성하고 새로 작성한 요소에 클래스를 추가하는 두 개의 별도 명령문이 필요합니다. .