2013-04-03 70 views
0

我對此很迷惑。我正在使用jquery 1.9.1將div的內部html附加到另一個div。但是,當試圖用Chrome開發人員工具進行調試時,它在jQuery庫中給了我這個錯誤。對象#<HTMLDivElement>沒有方法'空'

我的HTML:

<body> 
    <s:form action="/save" method="POST"> 
     <div class="educationForm"> 
      <div class="educations"> 
       <label>Position</label> 
       <input type="text" name="educations[0].index" value="1" /> 
       <br/> 
       <label>School</label> 
       <input type="text" name="educations[0].school" /> 
       <br/> 
       <label>Degree</label> 
       <input type="text" name="educations[0].degree" /> 
       <br/> 
       <label>GPA</label> 
       <input type="text" name="educations[0].scored" /> 
       <br/> 
       <label>Start Date</label> 
       <input type="text" name="educations[0].startDate" /> 
       <br/> 
       <label>End Date</label> 
       <input type="text" name="educations[0].endDate" /> 
       <br/> 
      </div> 
     </div> <a href="#" id="addButton">Add new Edu</a> 

     <input type="submit" value="Save" /> 
    </s:form> 
    <div class="template_educations" style="display:none"> 
     <div class="educations"> 
      <label>Position</label> 
      <input type="text" name="educations[_X_].index" /> 
      <br/> 
      <label>School</label> 
      <input type="text" name="educations[_X_].school" /> 
      <br/> 
      <label>Degree</label> 
      <input type="text" name="educations[_X_].degree" /> 
      <br/> 
      <label>GPA</label> 
      <input type="text" name="educations[_X_].scored" /> 
      <br/> 
      <label>Start Date</label> 
      <input type="text" name="educations[_X_].startDate" /> 
      <br/> 
      <label>End Date</label> 
      <input type="text" name="educations[_X_].endDate" /> 
      <br/> 
     </div> 
    </div> 
</body> 

我的JS:

$(document).ready(function(){ 
    $("#addButton").click(function(event){ 
     event.preventDefault(); 
     $(".educationForm").append($(".template_educations").html); 
     $(".educationForm").children(".educations").last().children("input").each(function(){   
      var count = $(".educationForm").children(".education").length(); 
      var value = $(this).attr("name"); 
      value.replace("_X_", count + 1); 
      $(this).attr("name", value); 
     });   
    }); 
}); 

請幫我確定這是否是在jQuery庫中的錯誤或有什麼錯我的代碼,因爲我沒有使用我的代碼裏面的任何功能empty

回答

5

它應該是html() ..代替html ..

.... 
$(".educationForm").append($(".template_educations").html()); 
....             //--^^---here 
+0

它的工作原理!感謝您的快速回復 –

+2

是的。請記住,這是一個方法調用。 –

+0

歡迎..快樂編碼。 :) – bipen

2

使用此行

$(".educationForm").append($(".template_educations").html); 

$(".educationForm").append($(".template_educations").html()); 
+0

感謝您的幫助。 –

+0

@你的歡迎。 – John

相關問題