如何用jQuery重寫這個javascript函數？

Question

function setHeight() { 
    var iframes = parent.document.getElementsByClassName('targetIframe'); 
    for(var i = 0; i < iframes.length; i++) 
    iframes[i].height = document['body'].offsetHeight; 
} 

this answer的變體。

它使用的是IE不支持的getElementsByClassName函數。

如何用jQuery重寫它？

Answer 1

它看起來像這樣使用.height()：

function setHeight() { 
    $('.targetIframe', parent.document).height(document.body.offsetHeight); 
} 

或爲文字height屬性設置：

function setHeight() { 
    $('.targetIframe', parent.document).attr('height', document.body.offsetHeight); 
} 

Answer 2

只是這種替換第一行：

var iframe = $('.targetIframe'); 

Answer 3

function setHeight() { 
    var $iframes = $(parent.document).find('.targetIframe'); 

    $iframes.each(function(i, elem) { 
     $(elem).height($(document.body).innerHeight()); 
    }); 
}