prependĐối với div cha mẹ được chỉ định gần nhất từ ​​iframe

Question

Tôi đang cố gắng sử dụng JQuery từ bên trong một số iframe đến .prependTo một .classdiv bên trong Phụ huynh.

Điều này có bội số của cùng một .class. ** CHỈNH SỬA VÀ iframe

Mọi thứ trên cùng một miền.

Vì vậy, từ bên trong tài liệu chính:

<div class="NewPHOTOS"> 
    **<!--PUT ME HERE!-->** 
    <div class="LinePhoto"> 
     <a href="images/518279f07efd5.gif" target="_blank"> 
      <img src="images/thumb_518279f07efd5.gif" width="50" height="50"> 
     </a> 
    </div> 

    <iframe class="uploadLineID_55" width="800px" height="25px" src="../../uploads/uploadiframe.php" scrolling="no" seamless></iframe> 
</div> 

Script bên trong iframe:

$(document).on("click", '#TEST', function() { 

    appendImagetoParent(); 

}); 


function appendImagetoParent() { 

var data = '<div class="LinePhoto"><a href="images/TEST.gif" target="_blank"><img src="images/thumb_TEST.gif" width="50" height="50"></a></div>'; 

$(".NewPHOTOS", window.parent.document).each(function() { $(data).prependTo($(".NewPHOTOS")); 
}); 

/* $(data).prependTo($(".NewPHOTOS", window.parent.document)); This prepends to Every .NewPHOTOS */} 

Tôi đã chạy vòng vòng và googleing hàng giờ đồng hồ bây giờ. Tôi không thể hiểu được điều này.

Tôi đang làm gì sai ở đây?

EDIT Tôi đã sử dụng, hoạt động tuyệt vời!

$(parent.document).find('.' + frameElement.className) 
         .closest('.NewPHOTOS') 
         .prepend(data); 

Answer 1

$(document).on("click", '#TEST', appendImagetoParent); 

function appendImagetoParent() { 

    var div = $('<div />', {'class':'linePhoto'}), 
     a = $('<a />', {href:'images/TEST.gif', target:'_blank'}), 
     img = $('<img />', {src:'images/thumb_TEST.gif', width:'50', height:'50'}); 

    $(parent.document).find('.' + frameElement.className) 
         .closest('.NewPHOTOS') 
         .prepend(div.append(a.append(img))); 
} 

Lấy lớp của iFrame chứa với frameElement.className, và sử dụng lớp đó để tìm iFrame ngay trong tài liệu cha mẹ, sau đó tìm .NewPHOTOS yếu tố gần gũi nhất, và thêm vào trước nội dung, tạo ra trong một hơn Cách jQuery.