jQueryデータグリッドでの表示/非表示問題

Question

データグリッドに問題があります。私は3つから4つのDataGridをそれぞれ1つ下に持ち、各グリッドにはjqueryを使って表示したり隠したりするアクションボタン[select/del/copy/add]があります。

各データグリッドは異なるIDを持ち、表示と非表示はjqueryによって制御されます。しかし、私は最初のグリッドをクリックしているとき、次のグリッドは異なるidを持っていてもコントロールイベントを示しています。

ここには、何か高度なjqueryスクリプトが関わっていることが理解できますが、誰かがこれを調べると大きな助けになります。

http://jsfiddle.net/pixelfx/3fwyf/16/

おかげで、 ラヴィ。

Answer 1

問題を表示するには、ボタンの次のセットを選択するあなたは.next（）jqueryの関数を使用する必要がありますが、あなたのHTMLが構造体である場合は、両方のボタンのグループ..

をトグルしているということですあなたの例のように、あなたは、これら二つのトグル

$('#actn_btns').toggle(); 
$('#actn_btns1').toggle(); 

を削除する必要がありますし、その場所に$(this).closest('table').next().toggle();を追加します。別の問題でhttp://jsfiddle.net/3fwyf/19/

で

たとえば、あなたは、テーブル上の重複したIDの要素を持っています。それをしないでください。..

---

更新

が好き.closest()作品この

はから始まる、セレクタと一致していることを最初祖先要素を取得します。現在の要素 とが進行中ですDOMツリーを使用して を起動します。

.minusと.addは祖先ではありません。したがって、最初に.childと.minusの要素が現在のノードの子である場所に移動し、次に下に移動してそれらを見つける必要があります。

$(this).closest('tr').find('.minus, .add').toggle(); 

Answer 2

のみ