問題タブ [jquery-traversing]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
266 参照

jquery - 変数属性名の変更

属性名を変数で変更したい。ただし、定数だけにアクセスする方法に頭を悩ませることはできません。次の例では、"monkey" で始まるすべての属性名を "banana" に変更しますが、ダッシュと数字は変更しません。

以下を変更します。

これに:

誰にもヒントがありますか?

0 投票する
1 に答える
61 参照

javascript - jQuery Traversing と単純なコード?

さて、この質問をする前に。私の目標を説明させてください。コードをできるだけ少なくして、同時に多くの機能を利用できるようにしたいのです。私はこれを自分自身と同僚に対して「美しいコード」として造語しました。

問題は次のとおりです。ボックスをクリックし、クリックしたボックスに基づいて目的のコンテンツでパネルをフェードインさせたいのです。ただし、2 つのクラスを使用することはできず、ID を再利用することはできません。

コードは次のとおりです。http://jsfiddle.net/2Yr67/

私を喜ばせる2つのアイデアがありました。

A) 1 つのパネルがフェードインし、「クリック」された「maingrid」ボックスに基づいてコンテンツがパネルに入力される B) どの「maingrid」が選択されたかに基づいて、コンテンツがフェードインする特定のパネルがある

私はあなたが私のためにそれをするように頼んでいるのではなく、単に私がやりたいことをするために必要な構文に向けて私をプッシュしてください.

前もって感謝します!

0 投票する
2 に答える
42 参照

jquery - クラス番号で div コンテナーを挿入する

特定の位置にいくつかの div ボックスを挿入しようとしています。これが私の最初の試みです:

ポジショニングに使用する番号を抽出するだけのステップ 2 に行き詰まっています。「order-」クラス名を見つけるために match() を正しく使用していますか?

これが実際の例です: http://play.meyouand.us/140418-rearrange/rearrange1.html

0 投票する
2 に答える
654 参照

jquery - jquery 別の要素内の親要素のインデックスを取得する

スプレッドシートのような表のセル内に一連の入力がリストされています。入力を開始したときに、どの列にあるかをjqueryに把握させようとしているだけです。列自体に識別子を入れずにこれを行いたいと思います。

http://jsfiddle.net/jx3FP/

jquery のインデックスを使用していくつかの試みを行いましたが、明らかに何かが欠けています。テーブル データ (td) のインデックスを取得しようとすると、親ではなくドキュメントに対して取得します。親と子を指定しようとすると、インデックスが行うことではないようです。助けてくれてありがとう。

0 投票する
2 に答える
28 参照

jquery - jqueryを使用して最初の列のコンテンツの属性を設定する

に動的にロードされる次のテーブルがあります<div>

http://i.stack.imgur.com/0s0p9.png

ここで、「index」というタイトルの最初の列のすべての入力フィールドを無効にするために、テーブルをトラバースしようとしています。どうすればそれについて行くでしょうか?

私が思いついたのは次のとおりですが、失敗します:

0 投票する
3 に答える
2850 参照

jquery - Jqueryで親の次の兄弟を見つける

私はこれ (どうやら) まったく同じ問題がここで対処されているのを見てきましたが、解決策は単に私にとってはうまくいきません. 表示/非表示にしたい要素を選択できないようです。

次の HTML があり、いくつかの同様のアイテムが繰り返されています。

そして、このJS:

私の理解では、.titleRow がクリックされ、.details がその親 (.item) の次の兄弟であるため、.details をターゲットにし、.titleRow div をクリックするとロールダウンおよびロールアップする必要があります。

しかし、実際には何も起こりません。

その行を次のように変更すると

それは機能しますが、もちろん .details のすべてのインスタンスがロールダウンおよびロールアップします。クリックした div の次の div をアクティブにしたいだけです。

私は何を間違っていますか?

アップデート:

andyface の素晴らしい提案があっても、クリックしてもまだアクションがありません。私もこれを試しました:

(私が思うに) すべての .details を強制的に表示するようにしますが、その場合も何も起こりません。

私のページで他の JS からの干渉の可能性はありますか?

私がこれを行うと、ツリートラバーサルが問題になるようです:

それらはすべて表示されます。

ロードされている他の JavaScript との競合の可能性については、正しい WordPress エンキュー メソッドを使用して functions.php を介してロードしているため、js が最後にロードされていることを少なくとも確認できます。これがヘッダー内のすべての js です - 私の 2 つ (別のページ用の 1 つ) は最後です:

それを最初にロードするか、ドキュメントの最後にロードするかで違いはありますか? トラバースが「機能しない」唯一のことであるため、それは別のjsの競合とは関係なく、それについて何かがあるようです...しかし、やはり、私は本当に何も知りません。8^)