được tự HTML code với jQuery

Question

<div> 
    <a href="#" class="selected">link1</a> 
    <a href="#">link1</a> 
</div> 

và sử dụng sau

$('.selected').html() tôi nhận được

link1

như một giá trị trả về.

Làm thế nào tôi có thể nhận được mã html đầy đủ của phần tử DOM được lựa chọn, trong ví dụ này để có được

<a href="#" class="selected">link1</a>

để thay thế?

nhờ

Answer 1

jQuery đối tượng:

$('.selected') 

trở thành đối tượng DOM:

$('.selected')[0] 

CẬP NHẬT:

var str = $("<div />").append($('.selected').clone()).html(); 
console.log(str); 

Answer 2

Tôi biết rằng điều này hoạt động trên Chrome, không biết về phần còn lại:

$("#yourElement")[0].outerHTML 

Đó là tài sản từ javascript (không jQuery) và cung cấp cho bạn những gì bạn đang tìm kiếm .

Answer 3

Đơn giản chỉ cần sử dụng outerHTML sở hữu có thể không hoạt động trên tất cả các trình duyệt. Bạn sẽ cần phải tự tuần tự hóa cho các trình duyệt mà không cần hỗ trợ cho outerHTML. Xem bài đăng này cho một lời giải thích: How do I do OuterHTML in firefox?

Answer 4

Bạn có thể thử jQuery plugin này: http://darlesson.com/jquery/outerhtml/

Answer 5

tôi đã thực hiện một giải pháp tương tự như trên, nhưng không có nhân bản.

var test = $('#test').wrap('<div class="wrap-unwrap"></div>'); 
var str = test.parent().html(); 
test.unwrap(); 
console.log(str);