javascript - 如何编写一个 JS 函数来在 a 中找到一个 img类并将该图像作为li的css中的背景图像值？

Question

为了更好地解释。想象一下：

<li class="whatever">
     <img src="/images/clients/something.jpg">
</li>
<li class="whatever">
     <img src="/images/clients/whatever.png">
</li>

现在，我想编写一个 JS 函数，该函数将在 中找到<img>标记，<li>并将获取 img 的 src 值并将其设为 background-image 或 li 类。如果有更好的方法来做到这一点，请告诉我。

Answer 1

这将帮助您：

var images = $('li > img');
images.each(function(){
    $(this).parent().css('background-image', 'url(' + $(this).attr('src') + ')');
    $(this).hide(); // to hide it
    $(this).remove(); // to remove it from the markup
});

这是你的 jsfiddle：http: //jsfiddle.net/R5PDJ/

你也可以这样做：

$('li > img').each …