選擇每個新的A元素

Question

我有一個頁面，圖像自動加載。這些圖片包含在元素<a>中。我需要找到並刪除所有元素<a>，但那些包含類.private_overlay的元素除外。我創建了這個非常簡單的代碼片段：

$('#content a').not($('a').find('div.private_overlay').parent()).remove(); 

它在我手動運行時起作用。但是在運行腳本時加載的元素不起作用。

我試圖循環是這樣的：

$(window).scroll(function() { 
    $('#content a').not($('a').find('div.private_overlay').parent()).remove(); 
}); 

它的工作原理，在某種程度上。但這不是我所期望的。該腳本將通過單擊運行。

我只想適用於在此頁面上的新項目工作：

有很多與職位塊。我正在尋找標記爲私人的帖子。爲此，我必須隱藏所有未加標籤的帖子，包括那些尚未加載的帖子。

這就是它的外觀和目前的工作：

我需要知道如何選擇新的元素，因爲它是我仍然需要找到下一個或下一張圖像。

我粘貼下面的代碼：

function searchBox() { 
    $('body').append('<div id="searchBox"><p style="margin: 0px;"><strong>Wyszukiwarka prywatnych postów:</strong></p> \ 
<p style="margin: 5px auto; text-align: center"><input id="previousPost" type="button" value="Poprzedni post"></input> \ 
<input id="nextPost" type="button" value="Następny post"></input></p> \ 
<p style="margin: 0px;"><input id="hidePosts" type="checkbox"></input><label for="hidePosts" style="vertical-align: bottom;">Kasuj niepotrzebne posty</label></p></div>'); 

    $('#searchBox').css({ 
    position: 'fixed', 
    left: '20px', 
    bottom: '20px', 
    background: 'white', 
    color: 'rgb(125, 125, 125)', 
    fontSize: '13px', 
    border: '1px solid rgb(125, 125, 125)', 
    borderRadius: '7px', 
    padding: '7px', 
    zIndex: '9999', 
    boxShadow: '0px 0px 4px rgba(0, 0, 0, 0.3)', 
    display: 'none' 
    }).fadeIn(); 

    $('#hidePosts').one('click', function() { 
    $(window).scroll(function(){ 
     $('#content a').not($('a').find('div.private_overlay').parent()).remove(); 
    }); 
    $(this).attr('disabled','disabled'); 
    }); 

    $('#previousPost').click(function() { 
    $('html, body').stop().animate({ 
     scrollTop: $("#content a").prev().offset().top 
    }, 2000); 
    }); 

    $('#nextPost').click(function() { 
    $('html, body').stop().animate({ 
     scrollTop: $("#content a").next().offset().top 
    }, 2000); 
    }); 
}; 

我試圖瞭解this article但我不明白。

Answer 1

好的，通過評論中的對話，您希望當用戶單擊按鈕時立即移除沒有private_overlay類的<a>的所有實例。所以，首先，刪除代碼可以簡化。

$('#content a').not('a.private_overlay').remove(); 

第二...我們所需要做的就是在用戶單擊按鈕時調用此操作。

$('button#remove').click(function() { 

    $('#content a').not('a.private_overlay').remove(); 

}); 

即使在動態插入的內容上也如此，如Fiddle所示。

Working Fiddle