jQueryにおいて、動的な変数を利用するには！！

Question

はじめまして！
現在、jQuery・PHPを用いてボタンを押すと画像が交互に入れ替わる機能(白色ハート⇄赤色ハート)を実装してみているのですが、
同じページに複数の画像(白色ハートが幾つもある状態)を用意したとき、一つだけ画像を入れ替えたつもりが他の画像も同時に入れ替わってしまいます。

そこで、複数の画像はそれぞれ別のid(変数)を持っていることもあり、そのidをもとに画像を一つひとつ識別させようと考えているのですが、なかなか上手く行きません。

//<?php foreach ($items as $item): ?>
//
//<p class="img-fav"><img src="http://URL/img/heart-before.png" alt="サンプル" ></p>
////$item['Item']['id'])
//
//<?php endforeach; ?>
//のような形でそれぞれ別のidを持っています。

<p class="img-fav"><img src="http://URL/img/heart-before.png" alt="サンプル" ></p>

<p class="img-fav"><img src="http://URL/img/heart-before.png" alt="サンプル" ></p>

・・・・・

.fav-ex {
    background-image: url('http://URL/img/heart-after.png');
}

<script type="text/javascript">

$(function() {
$(".img-fav").click(function () {
$(".img-fav").toggleClass("fav-ex");
});
});
</script>

このような場合、具体的にどのように変数をPHP・jQueryコードに記載すればよいでしょうか?
もし何かお分かりの方は是非ともご教授のほどよろしくお願い致します。

Answer 1

複数の画像はそれぞれ別のid(変数)を持っている

というのが、実際にはidが全く設定されていないので何を言っているのかよく分かりませんが、
単にこうすればいいだけの話のような気がします。

$(function() {
	$(".img-fav").click(function () {
		$(this).toggleClass("fav-ex");
	});
});

Comments

[Shinog]

ご回答ありがとうございます!
thisに変更する方法では上手く行きませんでした....

[Shinog]

$(this).の部分が$("this").となっていたことが原因で、無事解決しました！
ありがとうございます！