用不同的颜色附加到li

Question

我想追加到一个列表，我希望这是一种不同的颜色。因此，首先应立是黑色，第二个应该是用不同的颜色..

我已经试过什么：

$('ul', '.validation-summary-errors[data-valmsg-summary="true"]').html('<li>' + resp.failedMessage + '</li>'); 
$('ul', '.validation-summary-errors[data-valmsg-summary="true"]').append('<li>' + resp.successMessage + '</li>').css('color', '#438D80'); 

颜色被添加到UL，而不是李（李两者的获得一种新的颜色）。这怎么解决？

Answer 1

您在颜色与ul设置不向li

$('ul', '.validation-summary-errors[data-valmsg-summary="true"]').html('<li>' + resp.failedMessage + '</li>'); 

$('<li>' + resp.successMessage + '</li>').appendTo('.validation-summary-errors[data-valmsg-summary="true"] ul').css('color', '#438D80'); 

.append()返回到该新元素添加的元素，而不是新创建的元素。您可以使用.appendTo()上述

Answer 2

$('ul', '.validation-summary-errors[data-valmsg-summary="true"]') 
    .html('<li>' + resp.failedMessage + '</li>'); 

    var liTwo = $('<li>').text(resp.successMessage).css('color', '#438D80'); 

    $('ul', '.validation-summary-errors[data-valmsg-summary="true"]') 
    .append(liTwo);