Hướng dẫn how to remove html tags in string jquery? - làm thế nào để loại bỏ các thẻ html trong chuỗi jquery?

Thông thường ở phía máy chủ, bạn có thể sử dụng một loạt các hàm PHP (chẳng hạn như

$('
' + 'Hello world' + '
').text();

1. Tạo một phần tử DOM tạm thời và truy xuất văn bản

Đây là cách ưa thích (và được khuyến nghị) để tước HTML khỏi chuỗi với JavaScript. Nội dung của một phần tử div tạm thời, sẽ là chuỗi HTML Providen để dải, sau đó từ phần tử

$('
' + 'Hello world' + '
').text();

$('
' + 'Hello world' + '
').text();

/**
 * Returns the text from a HTML string
 * 
 * @param {html} String The html string
 */
function stripHtml(html){
    // Create a new div element
    var temporalDivElement = document.createElement("div");
    // Set the HTML content with the providen
    temporalDivElement.innerHTML = html;
    // Retrieve the text property of the element (cross-browser support)
    return temporalDivElement.textContent || temporalDivElement.innerText || "";
}

var htmlString= "
Hello World
\n
It's me, Mario
";

//Hello World
//It's me, Mario
console.log(stripHtml(htmlString));

Vấn đề duy nhất của điều này (và lợi thế) là trình duyệt sẽ xử lý chuỗi Providen là HTML, điều đó có nghĩa là nếu chuỗi HTML & NBSP; chứa một số loại & nbsp; JavaScript có thể giải thích cho trình duyệt, thì nó sẽ được thực thi:

// This won't do anything but retrieve the text
stripHtml("")

// But this ...
stripHtml("")

Do đó, bạn chỉ nên sử dụng điều này nếu bạn tin tưởng vào nguồn của chuỗi HTML.

2. Nếu bạn đang sử dụng jQuery

Nếu bạn sử dụng jQuery, bạn có thể đơn giản hóa mã từ bước đầu tiên. Mã sau đây sẽ thực hiện tương tự như mã trong bước đầu tiên (các cảnh báo cũng áp dụng):

$('
' + 'Hello world' + '
').text();

3. Với biểu thức chính quy

Nếu bạn đang làm việc trong môi trường nút, trong đó không có phương thức

$('
' + 'Hello world' + '
').text();

$('
' + 'Hello world' + '
').text();

$('
' + 'Hello world' + '
').text();

Phương pháp này sẽ hoạt động hoàn hảo, nhưng nó sẽ chỉ loại bỏ ít hơn và nhiều hơn các ký hiệu (

$('
' + 'Hello world' + '
').text();

var html = $.parseHTML('Hello world'); //parseHTML return HTMLCollection
var text = $(html).text(); //use $() to get .text() method

$('
' + 'Hello world' + '
').text();

Thực thể

var html = $.parseHTML('Hello world'); //parseHTML return HTMLCollection
var text = $(html).text(); //use $() to get .text() method

$('
' + 'Hello world' + '
').text();

Như bạn có thể thấy, sử dụng thư viện HE, chúng tôi đã chuyển đổi các thực thể HTML còn lại thành giá trị có thể đọc được. Lưu ý rằng bạn không cần sử dụng & nbsp; nhất thiết là thư viện HE vì bạn có thể tạo chức năng giải mã HTMLEntom của riêng mình nếu bạn đọc bài viết này.

Mã hóa hạnh phúc!