我該如何編寫一個JS函數來在 <li> 類，並將該圖像作為li的CSS中的背景圖像值？

Question

解釋得更好。 想象一下：

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

現在，我想編寫一個JS函數，該函數將在<li>找到<img>標記，並采用img的src值並將其設置為背景圖像或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 …