Làm thế nào để ngăn chặn jQuery .html() thoát khỏi thuộc tính href tự động?

Question

CẬP NHẬT: Dường như hành vi cụ thể của trình duyệt như TimWolla đã nhận xét - tôi nên bình thường hóa như thế nào với phiên bản không thoát, đáng tin cậy theo cách thức trình duyệt chéo?

HTML:

<div id="test"><a href="#{one}">#{two}</a></div> 

JS:

$('#test').html() 
=> <a href="#%7Bone%7D">#{two}</a> 

Thông báo các #{one} trong href đang trốn thoát, trong khi #{two} thì không.

Có cách nào tốt hơn chỉ là unescape toàn bộ chuỗi không?

unescape($('#test').html()) 
=> <a href="#{one}">#{two}</a> 

Dưới đây là ví dụ: http://jsfiddle.net/kenn/n8veL/

Answer 1

Nếu bạn đang đi để được thực hiện một mở rộng thông qua JavaScript trên phần tử dù sao, bạn có thể đặt "href" mẫu trong một thuộc tính riêng biệt.

<a href='#dummy' data-href='#{template}'>Hi</a> 

Sau đó, chỉ cần mở rộng từ thuộc tính dữ liệu và thả kết quả vào "href" thực.

Answer 2

Trước hết, tôi nghi ngờ nếu có giải pháp đáng tin cậy cho câu hỏi của bạn. Lý do cơ bản là đơn giản: bởi vì Element.innerHTML làm việc bên dưới là không chuẩn và nó chỉ phụ thuộc vào việc thực hiện của trình duyệt.

Nếu bạn muốn có giải pháp đáng tin cậy, tôi khuyên bạn nên sử dụng các hoạt động DOM thay vì mẫu.