Thay thế văn bản trong thẻ p bằng jQuery
Chúng ta có thể thay thế các phần tử HTML bằng cách sử dụng jQuery. phương thức thay thếWith(). Với phương thức replaceWith() của jQuery, chúng ta có thể thay thế từng phần tử trong tập hợp các phần tử phù hợp bằng nội dung mới được cung cấp và trả về tập hợp các phần tử đã bị xóa Show
Các. Phương thức replaceWith() xóa nội dung khỏi DOM và chèn nội dung mới vào vị trí của nó bằng một lệnh gọi cú pháp replaceWith( newContent ) .replaceWith( function ) Giá trị trả về. Phương thức này trả về phần tử đã chọn với sự thay đổi. Ghi chú. jquery. replaceWith(), trả về đối tượng jQuery để các phương thức khác có thể được xâu chuỗi vào nó. Tuy nhiên, cần lưu ý rằng đối tượng jQuery ban đầu được trả về. Đối tượng này đề cập đến phần tử đã bị xóa khỏi DOM, không phải phần tử mới đã thay thế nó Khi phương thức này được sử dụng để trả về nội dung, nó sẽ trả về nội dung văn bản của tất cả các phần tử phù hợp (phần đánh dấu HTML sẽ bị xóa) Khi phương pháp này được sử dụng để thiết lập nội dung, nó sẽ ghi đè lên nội dung của TẤT CẢ các phần tử phù hợp Mẹo. Để đặt hoặc trả về innerHTML (văn bản + đánh dấu HTML) của các phần tử đã chọn, hãy sử dụng phương thức html() Ví dụ sau minh họa cách thiết lập nội dung bằng các phương thức 2, 3 và 4 của jQuery Ví dụ$("#btn1"). click(function(){ Hàm gọi lại cho văn bản(), html() và val()Tất cả ba phương thức jQuery trên. 2, 3 và 4, cũng đi kèm với chức năng gọi lại. Hàm gọi lại có hai tham số. chỉ mục của phần tử hiện tại trong danh sách phần tử được chọn và giá trị gốc (cũ). Sau đó, bạn trả về chuỗi bạn muốn sử dụng làm giá trị mới từ hàm Ví dụ sau minh họa 2 và 3 với chức năng gọi lại Ví dụ$("#btn1"). click(function(){ $("#btn2"). click(function(){ Đặt thuộc tính - attr()Phương thức jQuery 31 cũng được sử dụng để đặt/thay đổi giá trị thuộc tính Ví dụ sau minh họa cách thay đổi (đặt) giá trị của thuộc tính href trong một liên kết Ví dụ$("nút"). click(function(){ Phương thức 31 cũng cho phép bạn đặt nhiều thuộc tính cùng một lúc Ví dụ sau minh họa cách đặt cả hai thuộc tính href và title cùng một lúc Ví dụ$("nút"). click(function(){ Hàm gọi lại cho attr()Phương thức jQuery 31, cũng đi kèm với chức năng gọi lại. Hàm gọi lại có hai tham số. chỉ mục của phần tử hiện tại trong danh sách phần tử được chọn và giá trị thuộc tính gốc (cũ). Sau đó, bạn trả về chuỗi bạn muốn sử dụng làm giá trị thuộc tính mới từ hàm Sự miêu tả. Thay thế từng phần tử trong tập hợp các phần tử phù hợp bằng nội dung mới được cung cấp và trả lại tập hợp các phần tử đã bị xóa
Phương thức 1 xóa nội dung khỏi DOM và chèn nội dung mới vào vị trí của nó bằng một lệnh gọi. Xem xét cấu trúc DOM này 1 2 3 4 5
2 bên trong thứ hai có thể được thay thế bằng HTML được chỉ định 1
Điều này dẫn đến kết cấu 1 2 3 4 5
Tất cả các yếu tố bên trong 2 có thể được nhắm mục tiêu cùng một lúc 1 ________số 8Điều này khiến tất cả chúng được thay thế 1 2 3 4 5
Một phần tử cũng có thể được chọn để thay thế 1 .replaceWith( function )0 Điều này dẫn đến cấu trúc DOM 1 2 3 4 .replaceWith( function )1 Ví dụ này chứng minh rằng phần tử được chọn sẽ thay thế mục tiêu bằng cách được di chuyển khỏi vị trí cũ của nó chứ không phải bằng cách sao chép Phương thức 1, giống như hầu hết các phương thức jQuery, trả về đối tượng jQuery để các phương thức khác có thể được xâu chuỗi vào nó. Tuy nhiên, cần lưu ý rằng đối tượng jQuery ban đầu được trả về. Đối tượng này đề cập đến phần tử đã bị xóa khỏi DOM, không phải phần tử mới đã thay thế nó Ghi chú bổ sung
ví dụKhi nhấp, hãy thay thế nút bằng div chứa cùng một từ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 .replaceWith( function )8 Thử nghiệmThay thế tất cả các đoạn văn bằng các từ in đậm 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 .replaceWith( function )9 Thử nghiệmKhi nhấp chuột, hãy thay thế từng đoạn bằng một div đã có trong DOM và được chọn bằng hàm 0. Lưu ý rằng nó không sao chép đối tượng mà di chuyển nó để thay thế đoạn văn 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 1 Thử nghiệmKhi nhấp vào nút, thay thế div chứa bằng div con của nó và nối tên lớp của phần tử đã chọn vào đoạn văn Làm cách nào để thay thế văn bản bằng jQuery?Để thay thế văn bản của bất kỳ phần tử nào bằng jQuery, hãy sử dụng hàm văn bản cùng với hàm thay thế của JavaScript. Ví dụ. $("#phần tử"). văn bản($("#element"). chữ(). . Làm cách nào để thay thế văn bản trong div bằng jQuery?Để chỉ thay thế văn bản bên trong div bằng jQuery, hãy sử dụng phương thức text() .
Làm cách nào để đặt giá trị trong thẻ p bằng jQuery?jQuery – Cách lấy giá trị thẻ hoặc nội dung thành phần . Chọn tên thẻ là 'p' và hiển thị giá trị thẻ của nó. $('p'). html(); Chọn một phần tử có tên lớp là “class1” và hiển thị giá trị của nó. Bất kể tên thẻ. $('. . Chọn một phần tử có id là “id1” và hiển thị giá trị của nó. Bất kể tên thẻ Làm cách nào để thay thế một ký tự trong chuỗi trong jQuery?Sử dụng phương thức replace() của jQuery, chúng ta có thể tìm và thay thế tất cả các lần xuất hiện của một chuỗi con cụ thể trong một chuỗi hoặc một chuỗi trong một nhóm chuỗi. jQuery cũng cung cấp hai phương thức khác để thao tác DOM với tính năng thay thế, replaceAll() và replaceWith() |