找到一個具有特定標題的li並刪除其餘的li

Question

我有一個列表，我需要在頁面加載中選擇一個元素（根據標題attr <a>在<li>內）並刪除除選定元素之外的其餘列表元素。

使用此：

$("#div").find("a[title='Previous Page']").not(this).remove(); 

它不工作。

http://jsfiddle.net/ymhrF/16/

Answer 1

$("#custom_pagination").find("a").not('[title="umm"]').parent('li').remove(); 

如果您想保留它作爲一行代碼。

Answer 2

$("li") 
    .each(function(){ 
     if($(this).find("a").is("[title='yourTitle']")){ 
      $(this) 
       .siblings() 
       .remove(); 
     } 
    }); 

Example。

或者你可以做更多的只是：

$("li") 
    .find("a[title='yourTitle']") 
    .parent() 
    .siblings() 
    .remove(); 

Example。

但是，這僅適用於標題屬性爲yourTitle（或您決定尋找的任何標題）的單個a標籤。

Answer 3

我將遵循的邏輯是：

• 採取所有列表中的元素（li）
• 選擇那些沒有孩子a具有指定標題（這是很容易使用filter方法，我真的建議在熟悉了）
• 刪除，你可以完成選擇了一個

的一種方式這個計劃是：

$('#list li') 
    .filter(function() { 
     return !$(this).has('a[title="Previous Page"]').length; 
    }) 
    .remove(); 

你可以寫過濾功能在很多方面（使用find()而不是has()或使用某種組合選擇），但我真的認爲你應該使用filter()。它使您的代碼更具可讀性，並很好地描述了實際發生的事情。

jsFiddle Demo