jQuery从数据属性获取路径

Question

我有一个小问题，我想从数据属性获取“路径”并添加到后台。

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)
    });
});