如何应用由js变量定义的css属性[重复]

Question

我正在尝试从 a 标签中获取 href 属性，并将其应用为锚标签子标签的背景图像。由于某种原因，它无法正常工作。
我有以下 html：

   <div class="large-unit picture" itemscope itemtype="http://schema.org/ImageGallery">
    <figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
        <a href="IMAGES/Gallery_PERSONAL/librarysession.jpg" itemprop="contentUrl" data-size="1500x2100" data-index="1" title="">
            <div class="thumbnail" itemprop="thumbnail"></div>
        </a>
    </figure>
  </div>

以及以下 javascript（使用 jquery）：

  $('figure').each( function() {
    var thumb = $(this).find('.thumbnail');
    var image = $(this).find('a').attr('href');
    $(thumb).css('background-image', image);
  });

Answer 1

你应该这样做：

$('figure').each( function() {
    var thumb = $(this).find('.thumbnail');
    var image = $(this).find('a').attr('href');
    $(thumb).css('background-image', 'url(' + image + ')');
});