jQueryクラスの子孫が計画どおりにアクセスしていません

Question

私の#wrapper divを見て、最初の写真にフォトギャラリーを作成し、最初の写真を適用する必要があります。ここでは、関連するコードは次のとおりです。

$('.inside:first-of-type>div:nth-of-type(1)').css('display', 'none'); 
$('.inside:first-of-type>div:nth-of-type(2)').css('display', 'block'); 

#wrapperのdiv要素のビュー内のすべての要素は、（彼らは#wrapper外にスライドさせた後、このクラスが削除された）クラス.insideが割り当てられています。各写真には2つのdivレイヤーがあります。この例では、第1層を隠して第2層を削除したいと考えています。私は上記のコードがうまくいくと思っていましたが、それはそうですが、シリーズの最初の写真が見える場合にのみ、それ以外は何もしません。

私のCSSは間違っていますか？

Answer 1

まず、first-of-typeにjQueryというようなセレクタがないので、ほとんどのブラウザではそうです。

これは何が必要です：

var items = $('#wrapper .inside > div'); 
items.eq(0).css('display', 'none'); 
items.eq(1).css('display', 'block'); 

注：

• あなたがより良い選択の結果をキャッシュし、第二DOMクエリを避けます。
• 最初のdivにhide機能を使用することができます。items.eq(0).hide();
• I want to hide the 1st and remove the 2nd layer.
.css('display', 'block');は何も削除されません！ remove関数を使用します。items.eq(1).remove();