問題タブ [parents]

私は$（ "＃me"）にいます。次のようなものを使用して、叔父を選択したいと思います。

どのように ？

divたとえば 、3 番目の をクリックする$(.three).click(function (){ }); と、親div( .one) のクラスが必要になります。jQueryでこれを行うにはどうすればよいですか?

すべての親要素の名前を取得するには？

例を挙げてフィドル。

編集：いいね！みんなありがとう！FIDDLEを更新しました。

次のコード ブロックは機能しません。

ここで、「chapter」は、この場合、クラス「chapter」の他の要素間で 5 要素の深さでネストされたノードです。

このコードは期待どおりに動作しますが、私が望むものではありません (「章」の祖先だけでなく、ツリー構造の他のすべてのブランチにも追加されます):

編集：詳しく説明する：

chapter.parents().length

10 です (クラス「チャプター」の 5 スパン、5 リ)

chapter.parents(".chapter").length が 0!?

画像ギャラリーで表示している画像が画像の下のアイコン（.fav）をクリックしてお気に入りとして選択されたときに、「アイコン（vert-flag）」を表示または非表示にするために使用するクリック機能があります。アイコンが変化して選択されたことを示し、お気に入り（vert-flag）が表示されます。これはうまく機能しますが、同時に別のミラーギャラリーの対応するサムネイル画像に同じお気に入りの設定を設定し、そこにもアイコン（vert-flag）を表示しようとしています。私の問題は、2番目のギャラリーに移動し、同時にそのサムネイルにマークを付ける方法を理解することです。

表示-非表示クリック機能を次のように実行します。

お気に入りとして選択するメイン画像のhtml：

対応するサムネイルのhtml：

私はいくつかの異なることを試しましたが、サムネイル画像を作成するためにdomをトラバースする方法を理解するのに十分な経験がありません。運が悪かったので、クリック機能でこのようなことを試しました。

ネストされたテーブルを含むhtmlがあります：

クリック可能な要素はフィールドです。ユーザーがフィールドをクリックすると、そのテーブルを含むテーブル（2つのテーブルが上）を見つけて、そのメタデータを確認する必要があります。私は使用しようとしました：

これは正しいテーブルを返しますが、メタデータをクエリすることはできません。

含まれているテーブルのメタデータをクエリする方法を理解するのを手伝ってもらえますか？

ありがとう、李

ps私はそれを使用することによってのみそれを行うことができました：

しかし、私は本当にそのような醜さを避けたいです。

ノックアウトに関して 2 つの簡単な質問があります。

1. $parents キーを取得するにはどうすればよいですか。私のビューモデルが次の場合:

   私は3つのテンプレートを持っています。最初のテンプレートはModelA、2番目のModelB、3番目のModelCをレンダリングしています.ModelCテンプレートで次のものを取得するにはどうすればよいですか:

   /li>

2. 実行時に ModelC から観測可能な someprop を削除するにはどうすればよいですか。これをModelCテンプレートに埋め込もうとしました:

   そしてこれはルートページにあります

   しかし、それは機能していません。

ターゲットチェックボックスの兄弟の1つがチェックされている場合、親のチェックボックスのチェックを外さないようにするにはどうすればよいですか？

以下は、この回答から変更したコードです。

アイデアは、ターゲットのチェックボックスがどれほど深くても、すべての親のチェックボックスをチェックすることです。次に、ターゲットのチェックボックスがオフになっている場合は、すべての親のチェックボックスを再度オフにします。

私の問題は、ターゲットのチェックボックスの兄弟がチェックされている場合、親のチェックボックスのチェックを外したくないということです。

これが私のjsfiddleです。

編集：

私は自分の解決策を考え出しました、助けてくれてありがとう。

他の人が使用できるように、jQuery を少しずつ繰り返しています。

ただし、これを機能させるには、dom ツリーを上から下にトラバースすることを望んでいます。これは、効果がページ全体に影響を与えるのではなく、ラッピング div 内に留まるようにするためです。(同じ 'wrappingdivclass' とそのコンテンツの複数の反復を想定しています)

jquery (外部ファイルに存在) これらは hoverheading1-3 および hovercontent1-3 に対して反復します

例：

例 2:

親のオブジェクトからCSSを変更するための解決策を探しています。

私はこれを持っています：

私のサイトにはそのようなオブジェクトが6つあります。したがってmousenter、DIVでイベントを使用するときに、すべてのレイアウトではなく、親の「レイアウト」をover 変更したいのです。backgroundcolor

私も使えるといいですねmorph()。