Change backgound of li element with jQuery

Question

I have a li element like this:

    <li class="file file-success">
    </li>

I want to change its background using jQuery.

Note that I can't change the li element itself.

Answer 1

You could use:

$("li.file").css("background-color", "#ff0000");

or

$("li.file-success").css("background-color", "#ff0000");

depending on what CSS selector you want to use for this.

Answer 2

Do you want to change li text color or bullet color? The former can be achieved through this code:

$('li.file').css('background-color', 'yellow'});

If you want to change bullet image, here is the code:

$('li.file').css('list-style-image', 'url(yourimage.jpg)'});

Answer 3

$("li.file").css("background-image", "url(test.png)");