Đối tượng jQuery thành phần tử HTML

Question

Các phần tử Mô hình đối tượng tài liệu (DOM) giống như phần tử DIV, HTML, BODY trên trang HTML. Bộ chọn jQuery được sử dụng để chọn một hoặc nhiều thành phần HTML bằng jQuery. Hầu hết chúng tôi sử dụng Bộ chọn để truy cập các phần tử DOM. Nếu chúng chỉ là một phần tử duy nhất cụ thể trong trang HTML, chúng ta có thể truy cập nó bằng thẻ của nó là $(“tag”), nhưng khi chúng ta có nhiều hơn một phần tử cùng loại thì chúng ta sẽ truy cập chúng bằng ID mà khi $(“

Nội dung chính Show

jQuery Bài tập thực hành Phần I. Bài tập-27
Làm cách nào để lấy HTML từ đối tượng jQuery?
Làm cách nào để thêm phần tử HTML vào jQuery?
Làm cách nào để thay đổi phần tử HTML trong jQuery?
Làm cách nào để chuyển đổi đối tượng HTML thành chuỗi trong jQuery?

Nhưng nếu chúng ta muốn sử dụng các phần tử DOM thô thì chúng ta có thể chuyển đổi chúng thành các đối tượng javascript theo cách mà chúng ta có thể sử dụng chúng cho các phương thức có trong javascript chứ không phải trong jquery

Tôi đã viết giống như Andrew Ackerman và nó KHÔNG ĐẠT. Tôi phải nói rằng, khi bạn đang học viết mã, việc không chắc đó là mã của chính bạn hay mã trang hậu trường đã bị hỏng là điều vô ích. Làm ơn, Codecademy, sắp xếp nó ra. Tôi rất muốn học nhưng có vẻ như mọi bài học tôi thử đều gặp trục trặc

jQuery. Chuyển đối tượng jQuery thành chuỗiCập nhật lần cuối vào ngày 19 tháng 8 năm 2022 21. 51. 35 (UTC/GMT +8 giờ)

jQuery Bài tập thực hành Phần I. Bài tập-27

Chuyển đổi một đối tượng jQuery thành một chuỗi

Giải pháp mẫu

Mã HTML








Convert a jQuery object into a string.

Mã JavaScript


var element = $('',{
    text : "jQuery",
    class : "test"
});

$('#output').text( element.get(0).outerHTML);

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.
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ì?

Dễ dàng trung bình khó

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, Luyện tập, 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, Luyện tập, Lời giải
Bài Tập Lập Trình C, Thực Hành, Lời Giải. Chuỗi
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, Luyện tập, 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 đang tìm div theo tên lớp tạo đối tượng. Tôi muốn html của đối tượng đó để tôi có thể thêm nó vào phần nội dung của trang. Điều đó có thể được thực hiện?

Ví dụ



// The html...

Hello


Hello again




// The jquery...

obj = $('body').find('.findme')

Vì vậy, obj sẽ dẫn đến một đối tượng. Làm cách nào tôi có thể xuất đối tượng đó dưới dạng html?

27 tháng 9, 2012 lúc 11. 46 giờ chiều #110942

TheDoc

Hội viên

bạn chỉ có thể làm

var obj = $(‘. tìm tôi'). html();
$(tài liệu. thân thể). nối thêm(obj);

27 tháng 9, 2012 lúc 11. 47 giờ chiều #110943

SgtLegend

Hội viên

Bạn chỉ cần sử dụng các phương thức chắp thêm mà jQuery đi kèm

$(‘. tìm tôi'). appendTo('body');

27 tháng 9, 2012 lúc 11. 52 giờ chiều #110945

jacorre

người tham gia

Có thể không được giải thích bản thân mình tốt

Sau khi tìm thấy tất cả các div với lớp mà tôi đang tìm kiếm, tôi kết thúc với những div đó được bao bọc dưới dạng một đối tượng. Vì vậy, khi tôi thử và thêm vào phần thân, tất cả những gì tôi nhận được là Đối tượng Đối tượng

Điều tôi muốn là tất cả HTML trong đối tượng đó

28 Tháng chín 2012 lúc 12. 21 giờ sáng #110947

jacorre

người tham gia

Sẽ phải cố gắng. html() một lần nữa vì tôi đã thử nhưng không nghĩ rằng nó hoạt động như mong đợi

28 tháng 9, 2012 lúc 1. 18 giờ sáng #110952

TheDoc

Hội viên

Tôi thực sự không chắc bạn đang cố gắng làm gì, nhưng điều này sẽ giúp bạn tiến gần hơn. http. // codepen. io/ggilmore/bút/GkrdE

28 tháng 9, 2012 lúc 8. 46 giờ sáng #110961

SgtLegend

Hội viên

Nếu bạn xây dựng các phần tử HTML bằng jQuery thì bạn vẫn có thể sử dụng đoạn mã trên trong bài viết trước của tôi nhưng thay vào đó hãy chuyển đối tượng và jQuery sẽ biết phải làm gì với nó

var myObj = $(‘

‘);
myObj. appendTo('body');

Bỏ qua dấu gạch chéo đen trong mã, vì một số lý do, nó được coi là HTML, điều đó có nghĩa là trình xử lý đánh dấu bị hỏng trên diễn đàn

28 tháng 9, 2012 lúc 11. 00 giờ sáng #110970

jacorre

người tham gia

html() dường như chỉ hoạt động trên một phần tử chứa các div mà tôi muốn lấy. Tôi không có phần tử chứa ngoại trừ phần thân và tôi không muốn lấy TẤT CẢ html trong phần thân

Vì vậy, tôi sử dụng find để lấy tất cả các div với một lớp findme. Điều đó dẫn đến một đối tượng có div bên trong

Điều tôi thực sự muốn làm là lưu nó vào bộ nhớ cục bộ. Sau đó, khi trang tải lại, hãy tải nội dung trong bộ nhớ cục bộ, tất cả phải là html chứ không phải đối tượng

Vì vậy, vấn đề của tôi là khi tôi thêm vào phần thân, kết quả tôi nhận được là Đối tượng, không phải html thực tế

Tôi tự hỏi liệu tôi có phải chuyển đổi đối tượng thành chuỗi không?

28 tháng 9, 2012 lúc 11. 44 giờ sáng #110972

jacorre

người tham gia

Tôi thực sự có thể phải thay đổi cách tiếp cận của mình vì tôi đã thử nghiệm thêm một số. Tôi nghĩ rằng tôi cần phải có một yếu tố chứa và nó thực sự có thể dễ dàng hơn. Cảm ơn sự giúp đỡ của mọi người

Làm cách nào để lấy HTML từ đối tượng jQuery?

Để lấy nội dung HTML của một phần tử bằng jQuery, hãy sử dụng phương thức html() . Phương thức html() lấy nội dung html của phần tử được so khớp đầu tiên.

Làm cách nào để thêm phần tử HTML vào jQuery?

Với jQuery, thật dễ dàng để thêm các phần tử/nội dung mới. .

append() - Chèn nội dung vào cuối phần tử được chọn

prepend() - Chèn nội dung vào đầu phần tử được chọn

after() - Chèn nội dung vào sau phần tử đã chọn

before() - Chèn nội dung trước các phần tử được chọn

Làm cách nào để thay đổi phần tử HTML trong 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.

Làm cách nào để chuyển đổi đối tượng HTML thành chuỗi trong jQuery?

jQuery. Chuyển đổi một đối tượng jQuery thành một chuỗi . Mã JavaScript. var element = $('

programming html

Đối tượng jQuery thành phần tử HTML

jQuery Bài tập thực hành Phần I. Bài tập-27

',{ text : "jQuery", class : "test" }); $('#output').text( element.get(0).outerHTML);

Làm cách nào để lấy HTML từ đối tượng jQuery?

Làm cách nào để thêm phần tử HTML vào jQuery?

Làm cách nào để thay đổi phần tử HTML trong jQuery?

Làm cách nào để chuyển đổi đối tượng HTML thành chuỗi trong jQuery?

Bài Viết Liên Quan

Quảng Cáo

Có thể bạn quan tâm

Toplist được quan tâm

Quảng cáo

Xem Nhiều

Quảng cáo

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội

`',{ text : "jQuery", class : "test" }); $('#output').text( element.get(0).outerHTML);`