將行添加到表中：字符串文字問題

Question

這是我的代碼的一部分，用於將新行添加到表中。編譯與最後兩個TD元素相關的代碼時遇到問題。總是有字符串文字的錯誤。請幫我弄明白。

$("#content tbody").append("<tr>" + 
     "<td>" + opr.val() + "</td>" + 
     "<td>" + flightNum.val() + "</td>" + 
     "<td>" + from_f.val() + "</td>" + 
     "<td id=" + flightNum.val() + " class='edit_but'> 
      <div> 
      <img src='images/edit.png' alt='Edit' /> 
      </div> 
     </td>" + 
     "<td id=" + flightNum.val() + " class='deact_but' onclick="deactivateRow('+flightNum.val()+')"> 
      <div> 
      <img src='images/delete.png' alt='Deactivate' /> 
      </div>   
     </td>" + "</tr>"); 

Answer 1

你的代碼是一個爛攤子！有太多引號（"）缺失和字符串合併（+）缺失！

一個很多固定的後：

$("#content tbody").append("<tr>" + 
     "<td>" + opr.val() + "</td>" + 
     "<td>" + flightNum.val() + "</td>" + 
     "<td>" + from_f.val() + "</td>" + 
     "<td id=" + flightNum.val() + " class='edit_but'>" + 
      "<div>" + 
      "<img src='images/edit.png' alt='Edit' />" + 
      "</div>" + 
     "</td>" + 
     "<td id=" + flightNum.val() + " class='deact_but' onclick='deactivateRow('" +flightNum.val()+")'>" + 
      "<div>" + 
      "<img src='images/delete.png' alt='Deactivate' />" + 
      "</div>" + 
     "</td></tr>");​​​​​​​​​​​ 

Answer 2

$("#content tbody").append("<tr><td>" + opr.val() + "</td><td>" + flightNum.val() + "</td><td>" + from_f.val() + "</td><td id=" + flightNum.val() + " class='edit_but'><div><img src='images/edit.png' alt='Edit' /></div></td><td id=" + flightNum.val() + " class='deact_but' onclick='deactivateRow(" + flightNum.val() + ")'><div><img src='images/delete.png' alt='Deactivate' /></div></td></tr>");