테이블에 행 추가 : 문자열 리터럴 문제

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>");