javascript - 如果满足条件，如何更改div中每个p的颜色？

如何更改特定背景色

<p class="line3" style="color:green;margin-left:60px">' + SeatsLeft + ' seats left </p>

当其employee.managerId大于19时。
数据从我的数据库加载。这是我尝试过的方法，它不起作用

$.each(employees, function(index, employee) {
  var SeatsLeft = 20 - employee.managerId;
  $('#employeeList').append('<li>' +
    '<img src="js/citybus.png" class="list-icon"/>' +
    '<p class="line1">' + employee.firstName + '</p>' +
    '<p class="line2">' + difference + '</p>' +
    '<p class="line3" style="color:green;margin-left:60px">' + SeatsLeft + ' seats left </p>' +
    '<button id="bookSea" class="bubble" data-difference="' + hoursMin + '" data-route="' + employee.firstName + '" data-busnum="' + employee.lastName + '" onclick="bookSeat(this);">' + '<center><img src="js/seat.jpg" style="height:15px;width:15px;"/></center>' + '</button>' +
    '<button data-diff="' + hoursMin + '" data-name="' + employee.firstName + '" class="bubble" style="margin-right:30px" onclick="setReminder(this);">' + '<center><img src="js/bell.png" style="height:15px;width:15px;"/></center>' + '</button></li>');

  var x = document.getElementsByClassName("line3");
  var i;
  for (i = 0; i < x.length; i++) {
    if (employee.managerId > 19) {
      x[i].style.color = "red";
    }
  }

});

最佳答案

$.each(employees, function(index, employee) {
  var SeatsLeft = 20 - employee.managerId;
  var color = employee.managerId > 19 ? 'red' : 'green';

  $('#employeeList').append('<li>' +
    '<img src="js/citybus.png" class="list-icon"/>' +
    '<p class="line1">' + employee.firstName + '</p>' +
    '<p class="line2">' + difference + '</p>' +
    '<p class="line3" style=' "color:' + color + ';margin-left:60px">' + SeatsLeft + ' seats left </p>' +
    '<button id="bookSea" class="bubble" data-difference="' + hoursMin + '" data-route="' + employee.firstName + '" data-busnum="' + employee.lastName + '" onclick="bookSeat(this);">' + '<center><img src="js/seat.jpg" style="height:15px;width:15px;"/></center>' + '</button>' +
    '<button data-diff="' + hoursMin + '" data-name="' + employee.firstName + '" class="bubble" style="margin-right:30px" onclick="setReminder(this);">' + '<center><img src="js/bell.png" style="height:15px;width:15px;"/></center>' + '</button></li>');

});

关于javascript - 如果满足条件，如何更改div中每个p的颜色？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/59370483/