2017-03-06 3 views
1

私は、あるページからコンテンツを取り出し、別のページに表示するjQueryコードを開発中です。別のページからクラスを取得するのにjQueryを使うのが最適なルートですが、そのクラスが存在しない場合は別のクラスを探しますか?ここで1つのクラスが存在しない場合に、別のクラスを探して取得するには、どのようなjQueryメソッドが最適ですか?

は、私がこれまで持っているもののストリップダウンバージョンです:このコードは、このページの最初の画像を見つけることができない場合、つまり、

<script> 
$("document").ready(function(){ 
    $.get('/blog.html', function(data){ 
     $(data).find("img:nth-of-type(1)").appendTo(".post-image-1"); 
    }); 
}); 
</script> 

、別のクラスのコードを見てみましょう。

ありがとうございました!

+0

コードが役に立ちます。何を試しましたか?あなたの質問を明確にする:「別のページのクラスをつかむこと」とはどういう意味ですか?既存のDOMオブジェクトからコンテンツをクエリしていますか? '$( '。classname')'は与えられたクラスを持つすべての要素を与え、存在しなければ空の配列を返します。 –

+0

申し訳ありません、@ J.Titus!私は私の質問にコードを追加しました。 – Weebs

+0

サンプルコードでは、クラスは探していませんが、要素の最初の子( 'img')です。このコードで画像が見つからなかった場合は、画像が見つかりませんでした。 – APAD1

答えて

0

私はこれがあなたが探しているものだと信じています。このコードは、jQueryが画像を検出したかどうかを確認します。そうであれば、イメージをpost-image-1要素に追加します。そうでない場合は、他のクラスを検索することができます。

<script> 
    $("document").ready(function(){ 
     $.get('/blog.html', function(data){ 
      $data = $(data); 
      $image = $data.find('img:nth-of-type(1)'); 

      if ($image.length > 0) { 
       $image.appendTo('.post-image-1'); 
      } 
      else { 
       // Search for another class here and append it to post-image-1 
       $data.find('.other-class').appendTo('.post-image-1'); 
      } 
     }); 
    }); 
</script> 
関連する問題