HTML 요소가 포함 된 JS var 내부에 HTML 코드 추가

Question

html 테이블에서 한 행을 클릭하면 작업 목록을 추가해야합니다. knockout js를 사용하고 있습니다. 문제는 난 그냥 내 데이터에서 마지막 작업을 추가하고 내 요소 내에서 새로운 TR을 추가해야한다는 것입니다. "$ taskSelected" 각 작업에 대해. 여기에 내 코드

self.retrieveTask = function(data, event) { 
       if (event.type=="click") { 
        var id = data.Id; 
        var $taskSelected = event.currentTarget.parentElement.nextElementSibling; 
        $.get("@Url.Action("Method", "Controller")", { id: id }) 
         .done(function(data) { 
          $.each(data, function(key, value) { 
           var html = "<tr><td>" + 
            "</td>" + 
            "<td>" + 
            " <div >" + 
            + value.Type + 
            "</div> " + 
            "</td>" + 
            "<td>" + 
            " <div >" + 
            value.Id + 
            "</div> " + 
            "</td>" + 
            "</tr>"; 
           $taskSelected.innerHTML=html; 

          }); 

         }).fail(function() { 
          alert("error"); 
         }); 
       }; 

      } 

taskSelected가 다른 행 "<tr> </tr>"를 포함하는 VAR $입니다 기본적 II는 중첩 행합니다.

self.retrieveTask = function(data, event) { 
      if (event.type=="click") { 
       var id = data.Id; 
       var $taskSelected = event.currentTarget.parentElement.nextElementSibling; 
       $.get("@Url.Action("Method", "Controller")", { id: id }) 
        .done(function(data) { 
         var html = ""; 
         $.each(data, function(key, value) { 
          html += "<tr><td>" + 
           "</td>" + 
           "<td>" + 
           " <div >" + 
           + value.Type + 
           "</div> " + 
           "</td>" + 
           "<td>" + 
           " <div >" + 
           value.Id + 
           "</div> " + 
           "</td>" + 
           "</tr>"; 

         }); 
         $taskSelected.innerHTML=html; 

        }).fail(function() { 
         alert("error"); 
        }); 
      }; 

     } 

은 내가 한 것은 당신의 each 루프의 var html 외부를 이동했다 : 일부는

Answer 1

이를 시도하십시오 조언한다. 이렇게하면 이전 HTML이 모두 변수에 그대로 유지되고, 그렇지 않으면 루프를 실행할 때마다 html을 덮어 쓰게됩니다 (이것이 마지막으로 출력되는 이유입니다)).