如何使用Javascript/jQuery從div內容中去除HTML標籤？

Question

我製作了一個div標記並將其內容存儲在一個變量中。如果此標籤包含p,b或任何其他標籤，則應將其從字符串中刪除。我怎樣才能做到這一點？

Answer 1

使用正則表達式。

var regex = /(<([^>]+)>)/ig 
var body = "<p>test</p>" 
var result = body.replace(regex, ""); 

alert(result); 

這裏是DEMO

希望這有助於。

Answer 2

你可以按照這個例子

var stringContent = "<p>Hi dear</p><p>Wish you a happy birthday</p>"; 

var text = $(stringContent).text(); 

Answer 3

解決方案使用jQuery：

var content = "<p>Dear Andy,</p><p>This is a test message.</p>"; 

var text = $(content).text(); 

解決方案使用JavaScript：

function removeTags(){ 
    var txt = document.getElementById('myString').value; 
    var rex = /(<([^>]+)>)/ig; 
    alert(txt.replace(rex , "")); 

} 

而且看起來這個鏈接： Strip HTML Tags in JavaScript

Answer 4

使用普通的JavaScript，你可以做到這一點作爲

string.replace(/(<([^>]+)>)/ig,""); 

我想，這大概比的.text（）方法更快。

Answer 5

這是更安全：

function plaintext(html){ 
    return $("<div/>").html(html).text(); 
} 

Answer 6

我想上公認的答案這是在暗示正則表達式var regex = /(<([^>]+)>)/ig的頂部添加了一些東西：

• 你不在你的正則表達式中不需要i標誌，因爲你不匹配任何字母字符。看到這裏：http://jsfiddle.net/66L6nfwt/2/
• 你不需要任何一對括號，因爲你只需要替換全部匹配。請看這裏：http://jsfiddle.net/66L6nfwt/3/
• 這個正則表達式可以被改進，因爲如果你在文本內容中同時使用字符<和>它將會失敗。看到這裏：http://jsfiddle.net/66L6nfwt/4/
• 所以這裏是一個正則表達式的改進：/<\/?\w+[^>]*\/?>/g。在這裏看到：http://jsfiddle.net/66L6nfwt/5/

---

最終代碼：

var regex = /<\/?\w+[^>]*\/?>/g, 
    body = "<sTrong><b>test<b></STRONG><b> sss</b><em> what if you write some maths: i < 2 && i > 4.</em>"; 

alert(body.replace(regex, "")); 

它也可以幫助把在內置的「字符串」類的功能，所以你可以這樣做直接：

"<em>test</em>".stripTags()

String.prototype.stripTags = function() 
{ 
    return this.replace(/<\/?\w+[^>]*\/?>/g, ''); 
}; 

---

最後，如果你的字符串是一個DOM節點，你可以做alert(element.innerText || element.textContent);這是內置的和更安全！這裏見例如：http://jsfiddle.net/66L6nfwt/6/