railsの変化するid属性をjavascriptで取得する方法

Question

id属性が以下のようにid="favorites_user_<%= post.id %>"の場合、javascriptでulのidを取得することは可能でしょうか？

<ul class="favorite_lists" id="favorites_user_<%= post.id %>">
   <%= render partial: "shared/favorite_user", locals: {post: post} %>
</ul>

現在、以下二つを試しましたが、上手くいっていません。

const favoriteUser = document.getElementById("favorites_user_<%= post.id %>")
const favoriteUser = document.getElementById(`favorites_user_${post.id}`)

Comments

[no1knows]

<ul class="favorite_lists">は同じページに複数あるという前提でしょうか？

[75ks]

はい、こちらは一覧ページになるので、同じページに複数存在します。
classで取得すると複数の`ul`を取得することになってしまいます。

Answer 1

railsからjsにidを直接渡せばできるでしょうけど、
渡せないなら別のclassやidの先頭が"favorites_user_"の要素を
拾ってくればよいでしょう

Comments

[75ks]

idで渡す方法はありますか？

[yambejp]

逆に
id="favorites_user_<%= post.id %>"
では、どう戻ってきていますか？

Answer 2

yambejpさんがおっしゃるようにいろいろな実装方法があるかと思います。

const favorite_lists = document.getElementsByClassName('favorite_lists');
for (let i = 0; i < favorite_lists; i++) {
  console.log(favorite_lists[i].id);
}

Comments

[75ks]

ありがとうございます。
こちらはどのような意味を持ったコードなのでしょうか？

[no1knows]

すこし修正しました。
console上でfavorites_user_xxx（xxxはpost_id）が表示されるコードです。

[75ks]

同じページのspanタグをクリックした時にulタグを表示するという処理をしたいのですが、こちらの方法でも可能なのでしょうか？

[no1knows]

前提として「railsの変化するid属性をjavascriptで取得する方法」について答えた形です。

> こちらの方法でも可能なのでしょうか？
実装を検討すれば期待通りに設定することも可能ですが実際にコードを見てみないとなんとも言えません。

もし「spanタグをクリックしたときにulタグを表示したい」という方法について知りたい場合は、spanタグの部分も含めて質問を作り直してください。
その際にこれまで何を検討したのか？どうやったのかなども含めて記載いただくとよいかと思います。