我对此很困惑。我正在使用 jquery 1.9.1 将 div 的内部 html 附加到另一个 div。但是当尝试使用 chrome 开发人员工具进行调试时,它在 jquery 库中给了我这个错误。
我的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
在代码中使用任何函数