jquery
  • find
  • 2011-08-16 12 views 0 likes 
    0

    それを削除するクラス別()要素を見つけます。クラス "ファイル"を持つULをそれ自身のvarに移動し、それをデータvarから削除したいとします。jqueryの、私は私が編集しようとしていますVarのHTMLを持って

    私はこれまでのところ、これを持っていますが、それは間違っています。私はそれを理解しているようです。

    var data = '<ul class="dirs"><li class="d"><a href="#" rel="/Games/">Games</a></li><liclass="d"><a href="#" rel="/Log/">Log</a></li></ul><ul class="files"><li class="f"><a href="#">fubar.txt</a></li><li class="f"><a href="#">fubar2.txt</a></li></ul>'; 
    
    var files = $(data).find("UL.files").html(); 
    

    期待される結果:

    data = '<ul class="dirs"><li class="d"><a href="#" rel="/Games/">Games</a></li><li class="d"><a href="#" rel="/Log/">Log</a></li></ul>'; 
    
    files = '<ul class="files"><li class="f"><a href="#">fubar.txt</a></li><li class="f"><a href="#">fubar2.txt</a></li></ul>'; 
    

    おかげ

    +0

    を試してみていることを占めるのはなぜULは、 ''( "UL.files")を見つけるには大文字ですか?また、どのような行動を取っていますか? –

    答えて

    2

    あなたは文字列を変更することはできませんが、新しい文字列を作成することができます。

    var data = '<ul class="dirs"><li class="d"><a href="#" rel="/Games/">Games</a></li><liclass="d"><a href="#" rel="/Log/">Log</a></li></ul><ul class="files"><li class="f"><a href="#">fubar.txt</a></li><li class="f"><a href="#">fubar2.txt</a></li></ul>'; 
    
    var ul1 = $(data).filter('ul')[0]; 
    var ul2 = $(data).filter('ul')[1]; 
    
    var files1 = ul1.outerHTML || $('<div>').append(ul1).html(); 
    var files2 = ul2.outerHTML || $('<div>').append(ul2).html(); 
    

    これはul1ul2に新しいUL要素を配置します。次にhtml文字列を取得するには、.outerHTMLプロパティを使用します。

    FirefoxouterHTMLをサポートしていないので、あなたはそれブラウザ準拠させるためのハックを必要としています。

    出力例:http://jsfiddle.net/bjgLV/

    +0

    ちょうど私が必要なものをありがとう。 – Joe

    +0

    @Joe:どうぞよろしくお願いいたします。 – user113716

    0

    私は$(data)はあなたが望んでいた全体のhtmlを生産されていないことがわかりました。 $(data).html()

    出力を実行してみてくださいます。http:"<li class="d"><a href="#" rel="/Games/">Games</a></li><liclass="d"><a href="#" rel="/Log/">Log</a></liclass="d">"

    0

    は、このを見てみましょう//jsfiddle.net/kcAn3/

    以前のくぼみは、W3Cの検証スキームを渡していたと私はコードjqueryの推測は

    0

    この

    var data = '<ul class="dirs"><li class="d"><a href="#" rel="/Games/">Games</a></li><liclass="d"><a href="#" rel="/Log/">Log</a></li></ul><ul class="files"><li class="f"><a href="#">fubar.txt</a></li><li class="f"><a href="#">fubar2.txt</a></li></ul>'; 
    
    var $uls = $(data).filter("ul").wrap("<div>"); 
    
    data = $uls.first().parent().html(); 
    file = $uls.last().parent().html(); 
    
    関連する問題