Question

我有一个小问题，我想得到＆＃34;路径＆＃34;来自数据属性并添加到背景中。

HTML

<div>
  <div data-image="../images/header.jpg"></div>
</div>

的jQuery

$('[data-image]').css(
    {
        background: "url("+$(this).data('image')+") no-repeat center",
        backgroundSize: "cover",
        height: ($(document).height()/ 3)
    }
);

你知道这是怎么做到的吗？

Answer 1

只需将元素缓存在变量中并使用它

var elm = $('[data-image]'); // cache it
elm.css({
    background: "url("+ elm.data('image') +") no-repeat center", // use it
    backgroundSize: "cover",
    height: ($(document).height()/ 3)
});

如果有更多元素，您可以使用each

elm.each(function(){
    $(this).css({
        background: "url("+ $(this).data('image')+ ") no-repeat center",
        backgroundSize: "cover",
        height: ($(document).height()/ 3)
    });
});

jQuery从数据属性获取路径

1 个答案: