jquery - 动态背景图像jquery

Question

我想动态改变所有<h2>使用 jQuery 的背景位置，然后更改 <h2>大小为 100%。 我的代码如下:

CSS:

h2 { display: inline-block;}

j查询:

$("h2").css("background-position", "0px 0px").animate({
    'background-position-x': $(this).width(),
    'background-position-y': "3px",
    'width': "100%"
});

但是 $(this)不工作，因为这不是一个功能。

Answer 1

$("h2").css("background-position","0px 0px").each( function() {
  var h2 = $(this);
  h2.animate({
    'background-position-x': h2.width(),
    'background-position-y': "3px",
    'width': "100%"
  });
});