我對此很迷惑。我正在使用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
它的工作原理!感謝您的快速回復 –
是的。請記住,這是一個方法調用。 –
歡迎..快樂編碼。 :) – bipen