Q&A
もう少し挙動を丁寧に説明してください
画像が張ってありますが、説明になっていません
railsを使ってsnsを作成しているのですが、各投稿に三点リーダーを設け、３点リーダーを押すと各々の下図のような詳細ページを開きたいのですが
￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥３点リーダを押すと＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄＄
そのやり方がわかりません。以下の画像のようなコードを書いたら、３点リーダーを押すとすべての投稿の詳細ページ（削除ボタン）が表示されてしまいます。
結果ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
３点リーダーを押すとーーーーーーーーーーーーーーーーーーーーーーーーーーーー
このようにすべての投稿の詳細タブ（削除ボタン）が出てしまいます。
３点リーダーを押した対象の詳細タブだけを表示したいです（その要素のid保持）
ご教授お願い致します。
9/17 追記
ご回答による修正
next()を使用してみたのですが私の使い方が間違っておりうまくいきません。
３点リーダーを押すとnext()により投稿詳細タブ（削除ボタン）を表示させたのですが、全ての削除ボタンが表示されます。
引用テキスト
---
とすると区切り線になりますよ。
ご指摘ありがとうございます！
-------------------------------------------
これから使用させていただきます！
回答1件
0
ベストアンサー
それぞれの.posted-detailがどの3点リーダと関連があるか区別できてないのが原因です。
タグの属性などに関連性を埋めておくか、HTML構造で関連性を判別するか、などの対策が必要です。そして、それをJavaScriptでコーディングする必要があります。
属性を使うならdata-*がいいと思います。
.data() | jQuery API Documentation
HTML構造で追うならば、.next()などがいいかもしれません。
.next() | jQuery API Documentation
投稿2023/09/16 01:39
総合スコア37421
next()を使用してみたのですが私の使用法が間違っており、投稿の追記した通りになりました
3点リーダをやめて.posted-showにをクリックするように変更しましたか？
また、.posted-detail が後から前に移動したみたいなので、その場合はnextではなくてprevですね。
.posted-show と .posted-detail の関係性は、親の親の兄ですから、.parent().parent().prev() あたりではないでしょうか。試していないのでわかりませんが、試行錯誤してみてはいかがでしょうか。
そうしてみます！ありがとうございます！！！
あなたの回答
tips
プレビュー
