Tạo chuỗi HTML dễ dàng với Chuỗi mẫu của ES6 trong javaScript

Một cách tạo chuỗi kết hợp dữ liệu và mã đánh dấu HTML gọn gàng hơn, không cần phải tạo ra nhiều .

Giờ đây với một tính năng mới còn được gọi là mẫu chữ đã được cập nhật trong bản ECMAScript 6, ta có thể tạo mã đánh dấu HTML trong chuỗi như được viết trong tài liệu HTML, thao tác với . Ví dụ.

Mã.

const person = {
    name: 'Khuong',
    city: 'Ho Chi Minh'
}
const markup = `

    
Hello ${person.name}
    
${person.city}

`;

Mã.

const customers = [
    { name: 'Khuong', city: 'Ho Chi Minh' },
    { name: 'Phuong', city: 'Da Nang' }
];
const markup = `

    ${customers.map[customer => `
${customer.name} ${customer.city} city
`]}

`;

Mã.

const markup = `

    
Hello ${person.name}
    
${person.city ? `${person.city}` : 'empty'}

`;

Nguồn. sothichweb. com

Tôi đang tìm cách để có được một phần tử HTML từ một chuỗi chứa HTML. Có thể sử dụng bộ chọn jQuery để thực hiện điều này không?

Nội dung chính Hiển thị

• Diễn đàn jQuery
• trả lại. jQuery
• Làm thế nào để bạn có được một phần tử HTML từ một chuỗi với jQuery?
• Làm cách nào để tìm một từ trong một chuỗi bằng cách sử dụng jQuery?
• Làm cách nào để có được phần tử HTML?
• $ [Cái này trong jQuery là gì?

Tôi có một chức năng JavaScript có toàn bộ trang từ máy chủ, nhưng tôi chỉ cần một yếu tố từ trang đó

Hỏi ngày 20 tháng 9 năm 2010 lúc 17. 59 20 Tháng chín 2010 lúc 17. 59

2

Có, bạn có thể biến chuỗi thành các phần tử và chọn các phần tử từ nó. Thí dụ

var elements = $[theHtmlString];
var found = $['.FindMe', elements];

Đã trả lời ngày 20 tháng 9 năm 2010 lúc 18. 04 20 Tháng chín 2010 lúc 18. 04

Guffaguffa Guffaguffa

675K108 Huy hiệu vàng722 Huy hiệu bạc 996 Huy hiệu đồng108 huy hiệu vàng722 huy hiệu bạcđồng 996

9

Chỉ cần bọc văn bản HTML trong hàm $. giống

$["
I want this element
"]

Đã trả lời ngày 20 tháng 9 năm 2010 lúc 18. 02 20 Tháng chín 2010 lúc 18. 02

Kingerroneouskingerroneous Kingerroneous

9911 Huy hiệu vàng8 Huy hiệu bạc16 Huy hiệu đồng1 huy hiệu vàng8 huy hiệu bạc16 huy hiệu đồng

2

Nếu bạn đang tải một trang theo cách linh hoạt từ máy chủ thì bạn có thể nhắm mục tiêu chỉ một phần tử từ trang được tải xuống bằng biểu mẫu sau với

$["
I want this element
"]

$["
I want this element
"]

$[selectorWhereToShowNewData].load['pagePath selectorForElementFromNewData'];

Ví dụ

in which

$["
I want this element
"]

$["
I want this element
"]

$["
I want this element
"]

$["
I want this element
"]

$["
I want this element
"]

$["
I want this element
"]

Đã trả lời ngày 20 tháng 9 năm 2010 lúc 18. 09 20 Tháng chín 2010 lúc 18. 09

Peter Ajtaipeter Ajtai Peter Ajtai

56. 3K13 Huy hiệu vàng121 Huy hiệu bạc139 Huy hiệu đồng13 huy hiệu vàng121 huy hiệu bạc139 huy hiệu đồng

1

Chỉ cần sử dụng $. Lọc

$["
I want this element
"]

Đã trả lời ngày 18 tháng 1 năm 2017 lúc 16. 40 18 tháng 1, 2017 lúc 16. 40

1

You can't use

$["
I want this element
"]

$["
I want this element
"]

Đã trả lời ngày 17 tháng 4 năm 2019 lúc 6. 44 17 tháng 4, 2019 lúc 6. 44

• Tất cả các diễn đàn
• Bài viết gần đây

$[selectorWhereToShowNewData].load['pagePath selectorForElementFromNewData'];

$[selectorWhereToShowNewData].load['pagePath selectorForElementFromNewData'];

$[selectorWhereToShowNewData].load['pagePath selectorForElementFromNewData'];

$[selectorWhereToShowNewData].load['pagePath selectorForElementFromNewData'];

$[selectorWhereToShowNewData].load['pagePath selectorForElementFromNewData'];

$[selectorWhereToShowNewData].load['pagePath selectorForElementFromNewData'];

$["
I want this element
"]

$["
I want this element
"]

$[selectorWhereToShowNewData].load['pagePath selectorForElementFromNewData'];

$[selectorWhereToShowNewData].load['pagePath selectorForElementFromNewData'];

$[selectorWhereToShowNewData].load['pagePath selectorForElementFromNewData'];

$['#result'].load['ajax/test.html #container'];

$['#result'].load['ajax/test.html #container'];

$["
I want this element
"]

$["
I want this element
"]

$['#result'].load['ajax/test.html #container'];

$["
I want this element
"]