問題タブ [siblings]

私は自分のサイトの FAQ モジュールを作成しています。すべての要素が同じクラスであっても、ページ上の単一の要素を制御できるようにしたいと考えています。これは、私がまだ慣れていない兄弟の下にあると思います。

基本的に、ユーザーが質問の div をクリックできるようにしたいのですが、それをクリックすると、質問の div が表示されるように設定されているのと同じ div 内の回答の div が表示されます (それが理にかなっている場合)。どんな助けでも大歓迎です。

JQueryとSafari（Windowsバージョン）に問題があります。コードはFF/IE7 / Chromeで機能しますが、Safariでは機能しません。

に埋め込まれているシンプルな<li>ものがあります<div>-をクリックすると非表示が表示されますが、Safariでは<li>表示されません。div

HTML：

JQueryコードは次のとおりです。

ここで何が起こっているのかについて何か考えはありますか？繰り返しますが、これは他のすべてのブラウザで機能するようです。

JQueryに関しては、私は初心者です。

ありがとう！

このコードがDIV要素の色を青に変更する理由を理解できませんが、SPAN要素の色は変更しません。何か案は？

交換したらどうなるかに気づきました

と

DIVとSPANの両方がテキストの色を変更します。

ありがとう！

いくつかのパフォーマンス上の理由から、選択したノードの兄弟ノードのみを選択する方法を見つけようとしています。

例えば、

inner1 ノードを選択した場合、その兄弟inner2-4ノードにアクセスする方法はありますか?

から要素を取得しましdocument.getElementById('the_id')た。次の兄弟を取得して非表示にするにはどうすればよいですか? 私はこれを試しましたが、うまくいきませんでした：

Firebug エラーはelem.nextSibling.style is undefined.

私はこの問題を解決しようとしてきましたが、いくつかの深刻な回避策がなければ解決できないようです.

次の HTML がある場合:

<li>では、最初の親 (または 2 番目の親) に続くタグを選択するにはどうすればよいでしょうか? 基本的に、親クラスを持つ別のクラスに到達するまで、 <li>withと次の兄弟を選択します。class="parent"<li>

ネストされたリストを使用してリストを再構築することはできますが、そうしたくありません。助言がありますか？

上記は、現在の兄弟のすぐ隣にある兄弟のみを非表示にします。

複数あると失敗します。

現在、画像をスクロールできる jQuery Cycle プラグインがあります。コールバックを使用して、この関数を呼び出しています

function onAfterVideoScroll() { $('.myRemote.active').removeClass("active").next().addClass("active"); }

これは、現在のクラスを別のリンクのセットから削除し、クラスを次の兄弟に追加する必要があります。

これは、どのボタンが現在スライドショーに表示されているかをユーザーが認識できるように、そのボタンの前のボタンがアクティブであることを示している画像を保持するためです。

これが理にかなっている場合は、アクティブなクラスを削除するのに、兄弟にアクティブなクラスを与えない理由を教えてください。

ありがとう！

例：

「#big」は「.small」の一部の絶対後ろに配置されていますが、親要素ではありません。

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

...しかし、これは厄介なようです。よりエレガントで効率的な方法でこれを行うことができる jQuery またはバニラ JavaScript のいくつかのメソッドを見逃していますか?

どうぞよろしくお願いいたします。