jquery：只渲染<A>標記並保留其他標記

Question

如果我有一個包含正常文本，html代碼和鏈接的文本，那麼我想在給定的div內僅顯示a標記。應顯示其他標記，因爲它位於給定div

例如

// expected output: <h1>HTML CODE</h1> link 
$("#d1").append("<h1>HTML CODE</h1> <a href=''>link</a>"); 

// expected output: <h1>HTML CODE</h1> <strong>xyz</strong> 
$("#d2").append("<h1>HTML CODE</h1> <strong>xyz</strong>"); 

// expected output: <h1>HTML CODE</h1> link 
$("#d3").text("<h1>HTML CODE</h1> <a href=''>link</a>"); 

OR，再舉一個例子可以說，我有一個文本

<small>hello </small> hw r u here is <a href=''>link</a><h6>thank you</h6>

我要像

<small>hello </small> hw r u here is link <h6>thank you</h6>

我如何能做到這一點的輸出。 HERE IS JSFIDDLE

Answer 1

你可以試着在後面加上一個文本節點，而不是一個字符串 - 使用document.createTextNode()

$("#d2").append(document.createTextNode("<h1>HTML CODE</h1> <strong>xyz</strong>")); 

演示：Fiddle

Answer 2

與.text()和.append()這樣試試這個連鎖您的jQuery：

// expected output: <h1>HTML CODE</h1> link 
$("#d3").text("<h1>HTML CODE</h1>").append("<a href=''>link</a>"); 

因爲.text()將html字符串作爲textnode推送，這就是爲什麼您的鏈接不作爲鏈接追加的原因。你必須追加它。