여기에 두 가지 버그가 있습니다.
HTML
<div id="add_form">
<table>
<tr>
<td><input type="text" value="1"/></td>
<td><div class="remove"><a href="#" class="removeclass">Remove</a></div></td>
</tr>
<tr>
<td><input type="text" value="2"/></td>
<td><div class="remove"><a href="#" class="removeclass">Remove</a></div></td>
</tr>
<tr>
<td><input type="text" value="3"/></td>
<td><div class="remove"><a href="#" class="removeclass">Remove</a></div></td>
</tr>
</table>
</div>
<a href="#" id="add_field">Add</a>
JQuery
$(document).ready(function() {
var MaxInputs = 99;
var InputsWrapper = $("#add_form table");
var AddButton = $("#add_field");
var x = InputsWrapper.length;
var FieldCount=1;
$(AddButton).click(function (e) {
if(x <= MaxInputs) {
FieldCount++;
$(InputsWrapper).append('<tr><td><input type="text" value="' + x + '"/></td><td><div class="remove"><a href="#" class="removeclass">Remove</a></div></td></tr>');
x++;
}
return false;
});
$("body").on("click",".removeclass", function(e) {
if( x > 1 ) {
$(this).closest('tr').remove();
x--;
}
return false;
})
});
당신이 만든 바이올린을 업데이트했습니다. http://jsfiddle.net/hxbc7/12/
내가 수정 한 코드에 오류가 있습니다.
이 줄 대신
var InputsWrapper = $("#add_form table");
그것은해야한다
var InputsWrapper = $("#add_form table tr");
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다