2017-03-07 4 views
0

さて、このコードはこれらの2つのクラスを別のページで探し、別のページの1つのdivに追加します。 ".blog-post img"が見つかって追加された場合、 "blog-post .youtube"が見つからないようにコードを設定します。逆も同様です。jQuery |与えられたセレクタで最初に利用可能なクラスを取得する方法?

言い換えれば、他のページが利用可能であれば、最初のクラス(つまり.blog-post img)を検索して取得したい場合は、そうでない場合は、2番目のクラス(.blogポスト.youtube)。

<script> 
    $("document").ready(function(){ 
      $.get('/blog.html', function(data){ 
       $(data).find(".blog-post img, .blog-post .youtube").appendTo(".post-title-1"); 
      }); 
    }); 
    </script> 

答えて

0

必要に応じてコードを追加することができます。

$($(data).find(".blog-post img, .blog-post .youtube")[0]).appendTo(".post-title-1"); 
+0

シンプルで美しく、まさに私が必要なもの! @artemisianありがとう! – Weebs

0

この試し:(A)我々は、変数へのオブジェクト(B)を適用することができる上記JSの速記を使用

$("document").ready(function(){ 
     $.get('/blog.html', function(data){ 
      var output = $(data).find(".blog-post img") || $(data).find(".blog-post .youtube"); // if ".blog-post img" fails then use ".blog-post .youtube" 
      $(".post-title-1").append(output); 
     }); 
}); 

var a = b || c;

を、その変数が''又はundefinedある場合またはnullは、 "or"演算子||を使用して別のオブジェクト(c)にデフォルト設定します。

+1

このコードがOPに役立つ理由/方法の説明を追加してください。これにより、今後の視聴者からの回答が得られます。詳細については、[このメタ質問とその回答](http://meta.stackoverflow.com/q/256359/215552)を参照してください。 –

関連する問題