問題タブ [jquery-traversing]

この質問は、ここで見つけることができる前の質問から続いています: Need to fadeIn each circle 1 after the other with jQuery

基本的に、「気候変動とエネルギー」の円をクリックすると、クリックした円以外のすべての円を非表示にし、元の円と同じパスをたどるサブセットまたは他の円を表示する必要があります。ただし、クリックした円の次の点から新しい円が開始されます。

円をクリックしたときに表示される必要があるものの写真を添付し​​ました。これは次の場所で見ることができます: http://cl.ly/EO95

これが私が試したコードです：

HTML:

JS:

すべての HTML/CSS と JS を含む jsFiddle へのリンクは次のとおりです: http://jsfiddle.net/thomasbritton/wV867/

誰かがこれで私を助けることができれば、私はこれに何時間も髪を引き裂いてきたので、とても感謝しています.

それが物事を助けるかもしれないなら、誰かがそれを通して話したいと思うなら、私はスカイプにいます.

ありがとう

セレクターに一致する要素が含まれるように、nextUntil を簡単に実行する方法はありますか? 私はこれを持っていますが、これは前の兄弟がいる場合にのみ問題ありません:

たとえば、上記のような<table>カップルを含む があります。<tr>の中で、<tr>を持っているのは 1 つだけ<span id="home_location_indicator">(Home)</span>です。

含まれている に属する入力の値を取得するためのアプローチを決定しようとしています。name="location_select"<tr><span id="home_location_indicator">

私が考えることができる2つのアプローチは次のとおりです。

1. $("tr").has("#home_location_indicator").find('input[name="location_select"]').val()
2. $("#home_location_indicator").parents("tr").find('input[name="location_select"]').val()

どちらがより良いアプローチですか？なぜ？それとも問題ですか？

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

ユーザーがコンテナ内のdivをクリックすると、このように「クリック」されたクラスを追加します

各ラベルの横にある div がいくつクリックされたかを知りたいのですが、すべての div がクリックされたら、そのラベルに CSS クラスを追加したいと考えています。

たとえば、訪問者がラベル 1 の横にある 5 つの div すべてをクリックすると、そのクラスが変更
され、ラベル 2 の横にある 4 つの div についても同様です。

私は何か簡単なことを目指してきました..しかし、最善のアプローチがわかりません。私はjQueryのドキュメントを準備しましたが、この場所は適切なアドバイスを提供しているため、ここで質問をパントします.

基本的にトラバースです。

簡単な例として、この最小限のコードがあるとします (同じページに複数の要素がある)。

collab_textjQueryでは、ホバーでフェードしたいだけです。ので、私は持っています：

これは明らかにcollab_text、1 つのアイテムにカーソルを合わせると、すべての要素のすべてが表示されます。だから私の質問は、ホバーされたものだけを表示する正しい方法は何ですかcollab_text。 .next()?, .find()?

私は自分のコードが次のようであることを知っています:

どんな情報でも大歓迎です。

ありがとう。

私はテーブルを持っています各行にはIDがあり、スパンを含むいくつかのtdがあります

例えば

私がしたくないのは、rowid が渡されたときに行をトラバースし、スパン クラス名とスパン値のキー値配列を作成することです。

現在、私はそれぞれのものを個別に見つけることができますが、これは非常に面倒です.

JQMを実行すると、次のように見えるHTMLがあります（簡略化）。

このコードは、別のスクリプトから動的に生成されます。

各サービスには、さらにいくつかのデータを動的に取り込むクリックイベントがアタッチされています。理想的には、クリックされた時点でサービスのインデックスを参照できるようにしたいと思います。これが私の現在のコードです：

明らかに、プルされたオブジェクトの配列にはservicesHeader divが含まれているため、これは機能しません。親ulの配列のみを取得するにはどうすればよいですか？基本的に、ユーザーがサービス1をクリックすると、返されるインデックスは1ではなく0である必要があります。現在、インデックス0はservicesHeaderdivを参照しています。

私もこれを試しました：

どんな助けでもいただければ幸いです！

編集：HTMLが別の開発者からのスクリプトによって生成されていることを指定する必要がありました。それは変わるかもしれません、それは同じままかもしれません。私がこれまでに持っている唯一の保証は、ULが同じレベルにとどまり、クラスserviceLinkを持つことです。

繰り返しになりますが、他にどの兄弟要素が存在するかに関係なく、親ULのインデックスのみを取得するにはどうすればよいですか？

皆さん、私を助けてくれることを願っています。

私はjqueryに比較的慣れておらず、テーブルをトラバースするのに問題があります。

基本的に私はこれを持っています

現在、より大きな関数のコードの一部を貼り付けています。基本的に、貼り付けているコードの部分は、問題を説明するために実際のコードを少し変更したものです

ここで、アラートに「120628SatchelTobyCole/thumbnails/SatchelTobyCole_0966.JPG」と表示させたい

しかし、代わりに、それは言っています

"120628SatchelTobyCole/thumbnails/SatchelTobyCole_0963.JPG".

つまり、アラートでテーブル内の次の画像のソースを印刷したいのですが、前の画像を印刷していますか?

私が間違っていることとそれを修正する方法を誰かが説明できれば、私は非常に素晴らしいでしょう. ありがとう。

ここでJSFiddleにフィドルを設定しました。

私の質問は、私の入力の名前を使用して、最も近い TH まで走査し、その内容を取得する方法です。フィドルの場合、「www.sverigemotrasism.nu」を取得する必要があります。

私は多くの異なる解決策を試してみましたが、毎回少しずつ近づいてきました..しかし、今は選択肢がありません.

見てみて、解決方法を知っていれば、その方法を聞いて本当にうれしいです;）

jQueryを使用してDOMをトラバースするための優れたリソースはたくさんありますが、私の例ではうまくいきません。

私のサイトwww.smithgrey.co.ukには、一連のサムネイルギャラリーがあり、そのすべての前に「セクションタイトル」divがあります。

私が達成したいのは、「section-title」div<a href>をクリックすると、右側のサムネイルの最初のリンクがクリックされることです。

のインスタンスは複数ありますclass="section-title"–残念ながら、IDまたはクラスは動的に生成され、可能な場合はそのままにしておくように求められているため、追加できません。

HTMLは次のようになります。

これが私のjQueryですが、最初または2番目をクリックしてもリンクをクリックするため、私が想像するような結果は得られません<div class="section-title">。

解決：

他のコメンテーターの助けを借りて、私はそれを期待どおりに機能させる方法を理解することができました：