phụ HTML mã hóa chuỗi dưới dạng HTML, không phải là văn bản

Question

Tôi đang cố gắng để nối thêm chuỗi này:

<div> hello </div> 

như một nút HTML, nhưng thay vì phụ HTML nó chỉ gắn thêm các văn bản:

<div> hello </div> 

Làm cách nào để jQuery thêm phần này dưới dạng nút HTML, không chỉ văn bản?

Tôi muốn một giải pháp hoạt động cả cho divs lồng nhau VÀ văn bản, nếu có thể.

Answer 1

// This is your string :) 
var myString = "<div> hello </div>"; 

// This is a way to "htmlDecode" your string... see link below for details.  
myString = $("<div />").html(myString).text(); 

// This is appending the html code to your div (which you don't have an ID for :P) 
$("#TheDivIWantToChange").append(myString); 

HTML-encoding lost when attribute read from input field

Answer 2

Có lẽ đây là một chút dài dòng, nhưng điều này thường là cách tôi xử lý những thứ như thế:

var div = $(document.createElement("div")); 

div.text(" hello "); //Or div.html(" hello ") if need be... 

$("#divtoappendto").append(div); 

Answer 3

Bạn có thể tạo một div mới với .createElement('div'). Sau đó, chỉ cần thay đổi HTML của phần tử mới.

$(document.createElement('div').html('<p>All new content.</p>')); 

Để đính kèm các yếu tố mới vào DOM hoặc sử dụng element.append() hoặc .appendTo(element) gắn liền với các yếu tố của bạn lựa chọn.