如何将offset .top应用于div的高度？

Question

On this blog I want to edit the height of the #content div and make it height: x.top px (of the article:last-child) so that the background which is repeating itself vertically.

http://manutdstream.tumblr.com/

I tried to do this:

$(document).ready(function(){
x=$("article:last-child").offset();
$('#content').css('height' : 'x.top px');

});

I think the problem is in the .css() as when I ran it to alert the x.top it went fine.

Answer 1

Your variable is being treated as a string, place it outside the quotes and add it to the string with a +:

 $(document).ready(function(){
    var x = $("article:last-child").offset();
    $('#content').css('height' : x.top + 'px');
  });

Answer 2

The syntax for .css() is incorrect, should be

  $('#content').css('height', x.top + 'px');

Fiddle example:

http://jsfiddle.net/jessikwa/5vnbLr91/

Answer 3

If you're just setting the height, no need to bother with css . Pixels is the default unit for the height function:

$(document).ready(function(){
  var lastArticle = $("article:last-child");
  $('#content').height(lastArticle.offset().top);
});

Not to nit-pick, but I'd recommend against using variables named something like x even for simple things -- unless you actually mean x (for example, coordinate spaces). Code is already hard to read, but good names can make it easier.