테이블 id = "tblOtherParties"에 다른 행을 추가하는 기능이 하나 뿐이었지만, 테이블 id = "tblOtherParties"와 동일한 작업을 수행 할 때 두 번째 함수를 추가 할 때 tblHospitalAction "unterminated 문자열 상수의 오류가 발생하지만 첫 번째 함수와 동일한 이유는 알지 못합니다.Jquery 행 문제를 생성하는 두 가지 함수
도움이 될 것입니다.
내가 가지고있는 다음과 같은 기능
<script type="text/javascript">
var counter = 1;
function createNewRow (text1,text2){
var first = counter++;
$('#tblOtherParties > tbody').append('<tr><td>
<input type="text" id="txtName_'+first+'" value="'+text1+'" />
</td><td>
<input type="text" id="txtRole_'+first+'" value="'+text2+'" />
</td><td>
<a class="deleteBtn"/>
</td></tr>');
}
var counterHA = 1;
function createNewRowHA (text1,text2){
var first = counterHA++;
$('#tblHospitalAction > tbody').append('<tr>
<td>
<input type="text" id="txtH_'+first+'" value="'+text1+'" />
</td>
<td>
<input type="text" id="txtA_'+first+'" value="'+text2+'" />
</td><td><a class="deleteBtn"/></td>
</tr>');
}
$(document).ready(function(){
$(".deleteBtn").live("click", function(){
$(this).closest('tr').not(':only-child').remove();
});
$('#btnAddOther').click(function() {
createNewRow('','');
});
$('#btnAddHA').click(function() {
createNewRow('','');
});
});
</script>
그리고 다음 표
<div >
<span style="float:left;padding-top:34px;"><b>Other involved parties</b></span>
<table style="float:left;" id="tblOtherParties">
<thead>
<tr>
<td class="title">Name</td>
<td class="title">Role</td>
<td><input type="button" id="btnAddOther" value="Add"/></td>
</tr>
</thead>
<tbody>
<tr>
<td><input type="text" id="txtName_0" size="35"/></td>
<td><input type="text" id="txtRole_0" size="35"/></td>
<td><a class="deleteBtn" /></td>
</tr>
</tbody>
</table>
</div>
<div >
<span style="float:left;><b>Other involved parties</b></span>
<table style="float:left;" id="tblHospitalAction">
<thead>
<tr>
<td class="title">Name</td>
<td class="title">Role</td>
<td><input type="button" id="btnAddHA" value="Add"/></td>
</tr>
</thead>
<tbody>
<tr>
<td><input type="text" id="txtH_0" size="35"/></td>
<td><input type="text" id="txtA_0" size="35"/></td>
<td><a class="deleteBtn" /></td>
</tr>
</tbody>
</table>
</div>