0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

jqueryで1ページ内に複数idが存在する時にすべてのid選択する方法

Posted at

現在railsでポートフォリオを作成しており、ajaxを利用しいいね機能を実装しました。

その際同じ投稿が同じページに表示されてしまうと1ページ内にidが複数存在してしまうため、
いいねをクリックしても1番最初の投稿にしかいいねが反映されないというエラーに直面してしまいました。

解決にかなり時間がかかってしまったので、同じような問題に直面している人の役に立てればと思い記事を書きました!

idはユニークである必要がある

そもそもidは1ページに1つまでしか存在するべきではないというルールがあるため、普通にidを選択すると1つ目しか選択してくれません。

とは言え複数idが存在してしまうケースはあります。

以下のように設定すれば問題は解決できます。

[id=xx]とかく

[id=xx]のようにかけばidをすべて抽出できます。

qiita.js
$("[id=foo]").html("bar");
qiita.html
<p id="foo">foo</p>
<p id="foo">foo</p>

まとめ

[id=xx]とかけばすべて選択できます。

参考になれば嬉しいです。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?