只有當我的圖像列表中有多個圖像時才顯示我的鏈接「刪除」

Question

我使用jQuery和Ajax刪除橫幅圖像。

但是，如果我只有一個圖像，我不想刪除它。

我有圖像的列表，併爲每個圖像我有此鏈接：

echo '<a class="delete j_bannerdelete" id="'.$rslt_banner['id'].'" href="#">Delete</a> '; 

我想講講tihs，只是顯示「刪除」鏈接，如果我的行數超過1。

if($read_ban->rowCOunt() >1{ 
    echo '<a class="delete j_bannerdelete" id="'.$rslt_banner['id'].'" href="#">Delete</a> '; 
} 

但是像這樣，例如，如果我有2個圖像，我刪除一個，並作爲即時通訊與阿賈克斯刪除，我的網頁不刷新，所以我有我的最後一個影像與我的「刪除」鏈接，所以我可以刪除它。

你知道一個簡單的方法來解決這個問題嗎？

我刪除代碼：

$(function(){ 
    var banner_id = null; 
    $("a#no").click(function(event){ 
     event.preventDefault(); 
     $('.confirm').fadeOut("slow",function(){ 
      $('.delete_dialog').fadeOut("slow"); 
     }); 
     $('.bannerli li[id="'+ banner_id +'"]').css('background','#f5f5f5'); 
     banner_id = null; 
    }); 
    $("a#delete").click(function(event){ 
     event.preventDefault(); 
     if (!banner_id) return; 
     $.post(url,{action:'ban',id: banner_id},function(){ 
      window.setTimeout(function(){ 
       $('.bannerli li[id="'+ banner_id +'"]').fadeOut("slow"); 
      },500); 
      $('.confirm').fadeOut("fast",function(){ 
       $('.delete_dialog').fadeOut("fast"); 
      }); 
     }); 
    }); 
    $('.bannerli').on('click','.j_bannerdelete',function(){ 
     banner_id = $(this).attr('id'); 
     $('.bannerli li[id="'+ banner_id +'"]').css('background','red'); 
     $('.delete_dialog p').text('Are you sure you want to remove this banner?'); 
     $('.delete_dialog').fadeIn("slow",function(){ 
      $('.confirm').fadeIn("slow"); 
     }); 
     return false; 
    }) 
}); 

Answer 1

我創建了一個簡化的解決方案在這裏刪除功能：http://jsfiddle.net/wgjrnw7m/1/。 它應該給你一個如何去做的想法。

基本上要算你有多少條目：

if($('.bannerli').length <= 1) { /* Hide delete */ }

而要做到這一點，每次檢查的項目被刪除。如果還可以添加項目，則還需要檢查是否有多個項目，並且在這種情況下再次顯示所有刪除按鈕。

Answer 2

計數許多橫幅如何仍然在頁面上用jQuery選擇。不是隻顯示，如果

if ($('.j_bannerdelete').length > 1) { 
...