特定のタイトルのliの検索と残りの部分の削除

Question

ページ上の要素（<a>の中のタイトルattrに従って<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(); 

1行のコードとして保存したい場合は、

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タグが1つだけある場合にのみ機能します。

Answer 3

私がたどるロジックは次のとおりです。

• は、すべてのリスト要素（liを）取る
• これはfilterを使用して非常に簡単です（指定されたタイトルを持っている子aを持っていないものを選択します私は本当に精通取得をお勧めの方法）
• あなたが達成でき、選択1つの

一つの方法を削除

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

あなたは多くの方法（代わりにhas()のfind()を使用するか、組み合わせセレクタのいくつかの種類を使用）にフィルタリング機能を書くことができますが、私は本当にあなたがfilter()を使うべきだと思う：この計画があります。コードを読みやすくし、実際に何が起こっているのかをよく説明します。

jsFiddle Demo