javascript - 试图更改 'margin-top' 属性

Question

这就是我想要做的:

$(function(){           
  $('div.item').css('margin-top',-(closest('img').height())/2+'px'); 
});

我想要我的 '<div class="item"'>得到style="margin-top:XXXXXX; top:50%"其中 'XXXXXX'等于(('div.item a img').height())/2

============================================= =======

编辑:(已解决)有兴趣的人的最终代码:

<script type="text/javascript">

$(function(){
theWindow.resize(function() {
$('div.item').each(function(i){          
  $(this).css('top',(($(window).height())/2)-(($(this).first('img').height())/2)+'px'); 
});
}).trigger("resize");
});    
</script>

(我只使用了 top 属性而不是 top + margin-top )感谢帮助

Answer 1

我认为这可能是您所需要的，尤其是当您有多个 div.item

时

$('div.item').each(function(){
    var r = $(this).find('img').first().height();
    $(this).css('margin-top', r/2 + 'px'); 
}); 

编辑

您需要.find() img，然后选择.first()。

示例:http://jsfiddle.net/jasongennaro/JNMhC/3/