（jQuery）从load [ed]（）HTML元素样式获取背景图像路径

Question

我正在公司网页上工作。 这是我的第一个严肃的网页，每一行都有很多疑问。 现在，我正在开发新闻加载系统，但有一个无法解决的问题：

我正在用jquery加载来加载新闻，将元素附加到先前定义的vars：

var newArticle = $('<a href="'+path + i +'.html"><div id="news-article"></div></a>');

var newArticleChild = newArticle.children(); //'cause i want to load articles inside #news-article, not <a></a>

var image = $('<div></div>');
var title = $("<div></div>");
var tag = $("<div></div>");

$(image).load(path + i + ".html #main-image");
$(title).load(path + i + ".html h1");
$(tag).load(path + i + ".html #tag");       

$("#news").append(newArticle); //Apend articles parent to an existing page element

newArticleChild.append(image);
newArticleChild.append(title);
newArticleChild.append(tag);

HTML --------------

<div id="main-image" style="background-image: url(../../assets/images/NewsBackgroundTry.png);
"></div>

我不是很喜欢这样，因为它会在里面创建另一个div的emty div，但这本身并不是一个错误。

我真的不需要在页面上添加图像，因为我想要的是样式，它包含css中图像的路径。 我这样做是因为我需要应用background-size：cover; 该图像的样式。

我的问题是，如何从图像变量获取背景图像样式？ 我已经尝试了很多事情，看了很多关于我发现的帖子，但是我无法获得这个价值...

如果该解决方案阻止将图像附加到页面，那就更好了。

谢谢大家，亚伯！

Answer 1

您可以使用var bgImg = image.css('background-image'); 获取该css属性，然后replace讨厌的url（''）部分以仅获取图像路径。