Chuyển đổi một đối tượng jQuery thành một chuỗi Giải pháp mẫu Mã HTML Mã JavaScript Xem Bút jquery-practical-exercise-27 của w3resource [@w3resource] trên CodePen Đóng góp mã và nhận xét của bạn thông qua Disqus Trước. Tìm vị trí tuyệt đối của phần tử bằng jQuery. jQuery Bài tập thực hành Phần I. Bài tập-27
Convert a jQuery object into a string.
var element = $['
',{
text : "jQuery",
class : "test"
}];
$['#output'].text[ element.get[0].outerHTML];
Tiếp theo. Làm cách nào để phát hiện nội dung của hộp văn bản đã thay đổi bằng jQuery?
Mức độ khó của bài tập này là gì?
Kiểm tra kỹ năng Lập trình của bạn với bài kiểm tra của w3resource
- bài tập. Top 16 chủ đề phổ biến nhất hàng tuần
- Bài tập SQL, Thực hành, Lời giải - THAM GIA
- Bài tập, Thực hành, Giải pháp SQL - SUBQUERIES
- JavaScript cơ bản - Bài tập, Thực hành, Lời giải
- Mảng Java. Bài tập, Thực hành, Lời giải
- Bài Tập Lập Trình C, Thực Hành, Lời Giải. Tuyên bố có điều kiện
- Cơ sở dữ liệu nhân sự - SORT FILTER. Bài tập, Thực hành, Lời giải
- Bài Tập Lập Trình C, Thực Hành, Lời Giải. Sợi dây
- Kiểu dữ liệu Python. Từ điển - Bài tập, Thực hành, Lời giải
- Câu đố lập trình Python - Bài tập, Thực hành, Giải pháp
- Mảng C++. Bài tập, Thực hành, Lời giải
- Câu lệnh điều kiện và vòng lặp JavaScript - Bài tập, Thực hành, Lời giải
- Thuật toán cơ bản C# Sharp. Bài tập, Luyện tập, Lời giải
- Python Lambda - Bài tập, Thực hành, Giải pháp
- Khung dữ liệu Python Pandas. Bài tập, Luyện tập, Lời giải
- Công cụ chuyển đổi
- JavaScript. Xác thực biểu mẫu HTML
Tôi đã làm việc với một trình soạn thảo văn bản phong phú vào một ngày khác và cần tách các thẻ HTML khỏi chuỗi và lưu trữ nó trong cơ sở dữ liệu. Khi làm như vậy, tôi đã học được một vài phương pháp khác nhau để đạt được điều này. Tôi muốn chia sẻ thông tin này với bạn vì nó có thể hữu ích cho bất kỳ ai đang cố gắng làm điều tương tự
Những gì chúng tôi đang cố gắng làm là xóa các thẻ khỏi chuỗi và làm cho chuỗi có thể in được dưới dạng văn bản thuần túy. Hãy đi sâu vào và xem nó hoạt động như thế nào
1. Using .replace[/]*>/g, ‘’]
Phương pháp này là một cách đơn giản và hiệu quả để xóa các thẻ khỏi văn bản. Phương thức này sử dụng phương thức chuỗi .replace[old value, new value]
thay thế các giá trị thẻ HTML bằng chuỗi trống. /g
được sử dụng để nó xảy ra trên toàn cầu [mọi giá trị được tìm thấy trong chuỗi được thay thế bằng giá trị được chỉ định nếu /g được sử dụng]
Hạn chế của phương pháp này là chúng tôi không thể xóa một số thực thể HTML. Nó vẫn hoạt động tốt mặc dù
2. Tạo một phần tử DOM tạm thời và truy xuất văn bảnĐây là cách hiệu quả nhất để thực hiện nhiệm vụ. Tạo một phần tử giả và gán nó cho một biến. Chúng ta có thể trích xuất sau bằng cách sử dụng các đối tượng phần tử. Gán văn bản HTML cho InternalHTML của phần tử giả và chúng ta sẽ nhận được văn bản thuần túy từ các đối tượng phần tử văn bản
Đây là gói tôi phát hiện ra gần đây. Đây là trình chuyển đổi phân tích cú pháp HTML và trả về văn bản đẹp. Nó đi kèm với nhiều tùy chọn để chuyển đổi nó thành văn bản thuần túy như wordwrap
, tags
, whitespaceCharacters
, formatters
, v.v.
Bưu kiện. json là cần thiết để sử dụng gói. Chúng tôi cần cài đặt gói trước rồi sử dụng gói đó trong tệp của mình
Bạn có thể tìm tài liệu chính thức cho gói tại đây. Tôi đã sử dụng nó trong dự án vue của mình và nó hoạt động rất tốt
Tôi đã làm việc với một trình soạn thảo văn bản phong phú vào một ngày khác và cần tách các thẻ HTML khỏi chuỗi và lưu trữ nó trong cơ sở dữ liệu. Khi làm như vậy, tôi đã học được một vài phương pháp khác nhau để đạt được điều này. Tôi muốn chia sẻ thông tin này với bạn vì nó có thể hữu ích cho bất kỳ ai đang cố gắng làm điều tương tự
Những gì chúng tôi đang cố gắng làm là xóa các thẻ khỏi chuỗi và làm cho chuỗi có thể in được dưới dạng văn bản thuần túy. Hãy đi sâu vào và xem nó hoạt động như thế nào
1. Using .replace[/]>/g, ‘’]
Phương pháp này là một cách đơn giản và hiệu quả để xóa các thẻ khỏi văn bản. Phương thức này sử dụng phương thức chuỗi .replace[old value, new value]
thay thế các giá trị thẻ HTML bằng chuỗi trống. /g được sử dụng để nó xảy ra trên toàn cầu [mọi giá trị được tìm thấy trong chuỗi được thay thế bằng giá trị được chỉ định nếu sử dụng /g
]
Hạn chế của phương pháp này là chúng tôi không thể xóa một số thực thể HTML. Nó vẫn hoạt động tốt mặc dù
var myHTML = "Jimbo.
\nThat's what she said
";
var strippedHtml = myHTML.replace[/]+>/g, ""];
// Jimbo.
// That's what she said
console.log[stripedHtml];
2. Tạo một phần tử DOM tạm thời và truy xuất văn bản
Đây là cách hiệu quả nhất để thực hiện nhiệm vụ. Tạo một phần tử giả và gán nó cho một biến. Chúng ta có thể trích xuất sau bằng cách sử dụng các đối tượng phần tử. Gán văn bản HTML cho InternalHTML của phần tử giả và chúng ta sẽ nhận được văn bản thuần túy từ các đối tượng phần tử văn bản
function convertToPlain[html] {
// Create a new div element
var tempDivElement = document.createElement["div"];
// Set the HTML content with the given value
tempDivElement.innerHTML = html;
// Retrieve the text property of the element
return tempDivElement.textContent || tempDivElement.innerText || "";
}
var htmlString =
"Bears Beets Battlestar Galactica
\nQuote by Dwight Schrute
";
console.log[convertToPlain[htmlString]];
// Expected Result:
// Bears Beets Battlestar Galactica
// Quote by Dwight Schrute
3. gói npm chuyển html thành văn bản
Đây là gói tôi phát hiện ra gần đây. Đây là trình chuyển đổi phân tích cú pháp HTML và trả về văn bản đẹp. Nó đi kèm với nhiều tùy chọn để chuyển đổi nó thành văn bản thuần túy như wordwrap
, tags
, whitespaceCharacters
, formatters
, v.v.
Bưu kiện. json là cần thiết để sử dụng gói. Chúng tôi cần cài đặt gói trước rồi sử dụng gói đó trong tệp của mình
Bạn có thể tìm tài liệu chính thức cho gói tại đây. Tôi đã sử dụng nó trong dự án vue của mình và nó hoạt động rất tốt