Получить id элемента, вызвавшего событие.
 

Подскажите, как получить id элемента, вызвавшего событие. Щелчок идёт по элементам .fav.

$( document ).ready( function() {
	$( '.fav' ).toggle(
		function(event) {
			id_pr = ???;
			$(event.target).attr('src','{{ media }}/pics/fav1.png');
			
		},
		function(event) {
			id_pr = ???;
			$(event.target).attr('src','{{ media }}/pics/fav0.png'); 
		}
	);
});

Вот кусок вёрстки:

<div class="line">
	<div >
		<img src="/pics/fav0.png" id="303" class="fav" align="right" alt="Добавить в избранное" border="0" height="16" width="16"/>
	</div>
	<div class="clr"></div>
</div>
<div class="line">
	<div >
		<img src="/pics/fav0.png" id="306" class="fav" align="right" alt="Добавить в избранное" border="0" height="16" width="16"/>
	</div>
	<div class="clr"></div>
</div>
<div class="line">
	<div >
		<img src="/pics/fav0.png" id="307" class="fav" align="right" alt="Добавить в избранное" border="0" height="16" width="16"/>
	</div>
	<div class="clr"></div>
</div>

Скорее всего,

id_pr = this.id

Спасибо