jQuery được DOM yếu tố như chuỗi

Question

Nói rằng tôi có

$(":input[type=text]:first") 

Làm thế nào để tôi nhận được

<input type="text" value="" size="28" maxlength="140" tabindex="1" placeholder="search" class="textbox" name="q" autocomplete="off"> 

Giả sử tôi chạy trên SO?

Cập nhật Tôi không muốn gọi .parent() vì tôi có nhiều nội dung khác trong phần tử gốc.

Answer 1

An old trick:

var selector = ":input[type=text]:first"; 

var str = $(selector).clone().wrap('<div/>').parent().html(); 

Cập nhật Bạn không cần phải lo lắng về việc kêu gọi .parent() kể từ khi bạn đang làm việc với một bản sao mồ côi của bộ chọn gốc.

Answer 2

Sử dụng jQuery.html() bằng cách thêm vào phần tử đã tạo.

$('<div/>').append($(":input[type=text]:first").clone()).html() 

Dưới đây là một fiddle cung cấp một ví dụ: http://jsfiddle.net/Zwbmx/1/

Answer 3

Làm thế nào về:

var str = $(selector)[0] 

Có lẽ thêm một tấm séc rằng có một yếu tố trả lại.

Answer 4

Theo dõi những gì @Blazemonger đã trả lời, nếu bạn định gửi nội dung html này đến máy chủ, bạn nên loại bỏ tất cả các thẻ không cần thiết, khoảng trống và ngắt dòng không thêm bất kỳ giá trị nào.

var quote = $(".invoice") //get hidden print-version DOM element 
    .clone() 
    .wrap('<div/>') 
    .parent() 
    .html() 
    .replace(/ /g, '') //get rid of indentation spaces 
    .replace(/(\r\n|\n|\r)/gm, "") //get rid of line breaks 
    .replace(/<!--[\s\S]*?-->/g, ""); //get rid of comment tags 

html của tôi có 50kb, sau khi loại bỏ nội dung này, nó đã giảm xuống 4kb!

Answer 5

Làm thế nào về

$(selector).prop("outerHTML");