如何在一個鏡頭中的jQuery

關閉動態添加的字段

這裏是我的小提琴 http://jsfiddle.net/ZUDLH/8/如何在一個鏡頭中的jQuery

這裏是代碼。

<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>&nbsp;in&nbsp;</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();   
    }); 

}); 
});

當我點擊添加搜索，現場行將被動態地添加最多5行（有限）。當行數超過2時，將出現清除按鈕。

現在，當我嘗試逐個刪除行時，它們被刪除。問題是當我試圖將行逐一刪除到最後。清晰的按鈕應該自動隱藏，但事實並非如此。

請幫忙。

來源

2013-08-30 razor

切換按鈕通過可見光>你想要的最低 – mplungjan

更新喜歡這個 -

$(document.body).delegate(".delRowBtn", "click", function(){ 
     $(this).closest("tr").remove(); 

     //hide clear button   
     if($("tr.tre").length<3){ 
      $('#delall').hide(); 
     } 
    });

來源

2013-08-30 04:33:19 smm

感謝兄弟的工作！ – razor

試試這個：

$(document.body).delegate(".delRowBtn", "click", function(){ 
     $(this).closest("tr").remove(); 
     if($("tr.tre").length<3){ 
      $('#delall').hide(); 
     } 
    });

FIDDLE

來源

2013-08-30 04:33:11 Unknown

謝謝老兄它的工作原理是什麼！ – razor

http://meta.stackexchange.com/questions/119197/problem-with-users-not-accepting-answers – Unknown

您的刪除按鈕的事件，如果條件

只需添加一個

來源

2013-08-30 04:41:50

我的建議是

$('#delall').toggle($("tr.tre").length>2)

來源

2013-08-30 06:33:22 mplungjan

如何在一個鏡頭中的jQuery

回答

相關問題