Question

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

我正在使用jquery load加载我的新闻，将元素附加到先前定义的变量：

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令人讨厌的网址（＆＃39;＆＃39;）部分来获取图片路径

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

1 个答案: