人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

jqueryを使った制御に関して質問です。

まずは下記のソースを見て頂ければと思います。
■html
<div class="test">
<img src="a.gif" class="link" />
<div class="testlist">その1</div>
</div>

<div class="test">
<img src="a.gif" class="link" />
<div class="testlist">その2</div>
</div>


<!--上記内容の繰り返し-->

上記のようなソースがあり、各「link」をクリックすると、すぐ下の
「testlist」の内容が表示するといった作りにしようとしています。
ですが、
$(".link").click(function() {
$(".testlist").fadeIn('nomal');
});
と書くと当然全てのtestlistが開いてしまいます、クラス名は変えずに個別に開く方法はないでしょうか?


●質問者: 雨の日
●カテゴリ:インターネット ウェブ制作
✍キーワード:Click HTML jQuery LINK クラス
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● kent0608
●60ポイント

特定したい要素にid属性を付与してください。

この場合、testlistとlinkに、何か一意のidを付与させる必要があります。

その上でjavascriptを訂正してください。

idとclassは併用することができます。

http://q.hatena.ne.jp/1096602664

◎質問者からの返答

ご回答ありがとうございます。

ですが今回はできるだけhtml側の記述は変更せずjavascriptだけで処理する方法がよいです。

説明不足でした、すみません。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ