Sự khác biệt giữa các hàm thay thế của jQuery () và html () của jQuery khi HTML được truyền vào dưới dạng tham số là gì?
Câu trả lời:
Lấy mã HTML này:
<div id="mydiv">Hello World</div>Đang làm:
$('#mydiv').html('Aloha World');Sẽ cho kết quả:
<div id="mydiv">Aloha World</div>Đang làm:
$('#mydiv').replaceWith('Aloha World');Sẽ cho kết quả:
Aloha WorldVì vậy, html () thay thế nội dung của phần tử, trong khi thay thếWith () thay thế phần tử thực tế.
thay thếWith () sẽ thay thế phần tử hiện tại, trong khi html () chỉ đơn giản là thay thế nội dung.
Lưu ý rằng thay thếWith () sẽ không thực sự xóa phần tử mà chỉ xóa phần tử đó khỏi DOM và trả lại cho bạn trong bộ sưu tập.
Một ví dụ cho Peter: http://jsbin.com/ofirip/2
-1và hy vọng điều này sẽ hữu ích cho tất cả. :)
var $form = $target.closest('tr').replaceWith(html) Hóa ra nó $formcó chứa phần tử trước khi thay thế. thở dài
Có hai cách sử dụng các hàm Jquery html () và thay thếWith ().
<div id="test_id">
<p>My Content</p>
</div>1.) html () so với thay thế Với ()
var html = $('#test_id p').html(); sẽ trả lại "Nội dung của tôi"
Nhưng
var replaceWith = $('#test_id p').replaceWith();sẽ trả về toàn bộ đối tượng DOM của
<p>My Content</p>.
2.) html ('value') so với thayWith ('value')
$('#test_id p').html('<h1>H1 content</h1>'); sẽ cung cấp cho bạn sau đây đặt ra.
<div id="test_id">
<p><h1>H1 content</h1></p>
</div>Nhưng
$('#test_id p').replaceWith('<h1>H1 content</h1>');sẽ cung cấp cho bạn sau đây đặt ra.
<div id="test_id">
<h1>H1 content</h1>
</div>Câu hỏi cũ nhưng điều này có thể giúp một ai đó.
Có một số khác biệt về cách các chức năng này hoạt động trong Internet Explorer và Chrome / Firefox NẾU HTML của bạn không hợp lệ.
Dọn dẹp HTML của bạn và chúng sẽ hoạt động như tài liệu.
(Không đóng </center>chi phí cho tôi buổi tối của tôi!)
Nó cũng có thể hữu ích để biết rằng .empty().append()cũng có thể được sử dụng thay thế .html(). Trong điểm chuẩn hiển thị bên dưới, điều này nhanh hơn nhưng chỉ khi bạn cần gọi hàm này nhiều lần.