chuỗi phân tích cú pháp html với jquery

Question

Tôi có chuỗi HTML từ nguồn được tải Ajax. Tôi muốn lấy một số thuộc tính từ một đối tượng (hình ảnh) trong chuỗi này, trước khi tôi đặt HTML vào tài liệu.

Tôi đã có một cái gì đó như:

$.ajax({ 
     url: uri+'?js', 
     success: function(data) { 
      var htmlCode = $(data).html(); 

      $('#otherObject').html(data); 
     } 
    }); 

Làm thế nào tôi có thể nhận được các thuộc tính (các src ví dụ) từ chuỗi HTML này?

Answer 1

Tôi không phải là chắc chắn 100%, nhưng sẽ không

$(data) 

tạo ra một đối tượng jquery với DOM cho dữ liệu đó, không kết nối bất cứ nơi nào? Hoặc nếu nó đã được phân tích cú pháp dưới dạng DOM, bạn có thể chỉ cần đi $ ("# myImg", dữ liệu) hoặc bất kỳ công cụ chọn nào phù hợp với nhu cầu của bạn.

EDIT
Đọc lại câu hỏi của bạn dường như 'dữ liệu' của bạn đã là một DOM, có nghĩa là bạn chỉ có thể đi (giả sử chỉ có một img trong DOM của bạn, nếu không bạn sẽ cần một chọn chính xác hơn)

$("img", data).attr ("src") 

nếu bạn muốn truy cập thuộc tính src. Nếu dữ liệu của bạn chỉ là văn bản, nó có lẽ sẽ làm việc để làm

$("img", $(data)).attr ("src") 

Answer 2

MarvinS.-

Hãy thử:

$.ajax({ 
     url: uri+'?js', 
     success: function(data) { 
       var imgAttr = $("img", data).attr('src'); 
       var htmlCode = $(data).html(); 
       $('#imgSrc').html(imgAttr); 
       $('#fullHtmlOutput').html(htmlCode); 
     } 
    }); 

này nên tải khối toàn html từ dữ liệu vào #fullHtmlOutput và src của hình ảnh thành #imgSrc.

Answer 3

chỉ cần thêm yếu tố container befor yếu tố img của bạn chỉ cần phải chắc chắn rằng yếu tố marry của bạn không phải là người đầu tiên, thử nghiệm bằng ie, ff

Answer 4

Một điều cần lưu ý - như tôi đã chính xác vấn đề này ngày hôm nay, tùy thuộc vào bạn HTML jQuery có thể hoặc không thể phân tích cú pháp nó tốt. jQuery sẽ không phân tích cú pháp HTML của tôi thành một DOM đúng - trên các tệp tuân thủ XML nhỏ hơn, nó hoạt động tốt, nhưng HTML mà tôi có (sẽ hiển thị trong một trang) sẽ không phân tích cú pháp khi được trả về một cuộc gọi lại Ajax.

Cuối cùng, tôi chỉ tìm kiếm thủ công trong chuỗi cho thẻ tôi muốn, không lý tưởng nhưng đã hoạt động.