>  기사  >  웹 프론트엔드  >  div 콘텐츠를 동적으로 교체하고 Jquery를 사용하여 동적으로 표시하는 방법

div 콘텐츠를 동적으로 교체하고 Jquery를 사용하여 동적으로 표시하는 방법

PHPz
PHPz원래의
2016-05-16 16:18:141859검색

이 기사의 예에서는 div 콘텐츠와 동적 표시를 Jquery로 동적으로 바꾸는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.

1. 문제:

프로젝트에서 백그라운드에서 html을 스플라이스한 후 이를 통해 div에 표시해야 합니다. ajax in the foreground:

sys_ajaxGet("/dynamic/default.do?method=show", {guid:guid},function(json){
       //这里可以正确的展示html内容
          alert(json.htmlContent);
          $("#htmlContent").text(json.htmlContent);
       bind(json);
});

표시 후 html 문자열 내용이 div에 직접 표시되고, 데이터 쿼리 후 해당 내용의 html이 구문 분석되지 않는 것으로 나타났습니다.

jquery div의 .text는 텍스트 형태로 콘텐츠를 추가하고, 특정 텍스트를 표시합니다....

파싱 가능한 html 콘텐츠를 동적으로 추가하려면 jquer를 사용해야 합니다. div a.ppend 방법

2. 올바른 처리 방법:

ajaxGet("/dynamic/default.do?method=show", {guid:guid},function(json){
          //这里可以正确的展示html内容
          alert(json.htmlContent);
          var htmlContent = $("#htmlContent");
          htmlContent.append(json.htmlContent); 
       bind(json);
});

3. 요약:

div . 추가 방법 // HTML 콘텐츠 추가, 동적으로 구문 분석
div 텍스트: 로드된 텍스트 콘텐츠 표시, 구문 분석 안 함

이 기사가 모든 사람의 jQuery 프로그래밍에 도움이 되기를 바랍니다. jQuery 동영상 튜토리얼을 방문해보세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.