javascript - 使用 jQuery .append 更改元素背景颜色

Question

所以我的 javascript 代码正在创建表格元素列表，但是我希望它能够根据所做的选择更改行的颜色，每次添加新元素时。这是我的代码

   if ( valid ) {
        $( "#tasks2 tbody" ).append( "<div id='taskList'><ul class='taskScreen2'><tr>" +
          "<td><h1>"  + type.val() + "</h1></td>"+"<td class='title'><h3>"+  title.val() + " </td>"  +"<td>"+ wordcount.val() + "</h3></td>"  +"<td><p>"+  description.val() + "</p></td>"  + "<td>"+ deadline.val() + "</td>"+
        "</tr></ul></div>"
                + "<script> if ($('#type').val()=='Dissertation')"
        + "{document.getElementById('taskList').style.backgroundColor = 'red';} </script>"
   );

这只会改变顶部元素的颜色，而任何新元素都保持不变。我希望它在添加新元素时更改 bg 颜色。我尝试在 .append 的内部和外部包含该功能，但它没有用。任何帮助将不胜感激。

Answer 1

您正在附加所有具有相同 ID 的 div(这是错误的)。改用类，它应该可以工作。