我该如何编写一个JS函数来在 <li> 类，并将该图像作为li的CSS中的背景图像值？

Question

To explain better. Imagine this:

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

Now, I want to write a JS function that will find the <img> tag in the <li> and will take the src value of the img and make it the background-image or the li class. If there is a better way to do this, please let me know.

Answer 1

This will help you:

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

Here's your jsfiddle: http://jsfiddle.net/R5PDJ/

You can also do:

$('li > img').each …