ここに私のフィドルがあります http://jsfiddle.net/ZUDLH/8/
これがコードです。
<table id="table"></table>
<input type="button" id="addRowBtn" style="border-style: none; cursor: pointer;
background: #FFFFFF; color: #023a6d;" value="Add Search Field">
<input style="display: none; margin-right: 552px; margin-left: 10px; float: left;background:#00c800; border: 1px solid #00c800; color:#FFF; font-size: 14px;" type="button" id="delall" value="Clear">
$(document).ready(function () {
$(function(){
var tbl = $("#table");
$("#addRowBtn").click(function(){
if($("tr.tre").length<5)
$("<tr class='tre'><td><select ><option>AND</option><option>OR</option> <option>NOT</option></select></td><td><input type='text' /></<td><td> in </td><td><select><option>title</option><option>All Fields</option><option>Authors</option></select></td><td><a class='delRowBtn'><input type='button' value='delete'></a></td></tr>").appendTo(tbl);
if($("tr.tre").length>2){
$('#delall').show();
}
});
$('#delall').click(function(){
$(".tre").remove();
$('#delall').hide();
});
$(document.body).delegate(".delRowBtn", "click", function(){
$(this).closest("tr").remove();
});
});
});
add searchをクリックすると、フィールド行が最大 5 行 (制限あり) まで動的に追加されます。行数が2行以上になるとクリアボタンが表示されます。
行を1つずつ削除しようとすると、行が削除されます。問題は、最後まで行を 1 つずつ削除しようとするときです。クリア ボタンは自動的に非表示になるはずですが、そうではありません。
助けてください。