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而不是li（两个li都获得了新颜色）。怎么解决这个问题？

Answer 1

    $('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 );

Answer 2

您要将颜色设置为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()

用不同颜色附加到li

2 个答案: