Pega Id Favoritos

Pega Id Favoritos

by Angelo Rogério Rubin

HTML

<div id="ver_imoveis_meio">
<table width="100%" border="0" bordercolor="#FFFFFF" cellspacing="3" cellpadding="0">
  <tr>
	<td><h1>Casa</h1></td>
	<td><h2>Vender</h2></td>
  </tr>
  <tr>
	<td colspan="2" bgcolor="#FFFFFF"><h3>Capela</h3></td>
  </tr>
  <tr>
	<td><a href="javascript:abrirImovel('imovel.php?iid=1&t=imobiliaria');">Ver imóvel</a></td>
	<td><a href="javascript:abrirIndique('indique.php?iid=http://localhost/imovel.php?iid=1');">Indique para um conhecido</a></td>
  </tr>
</table>
</div><!--ver_imoveis_meio-->

<div id="ver_imoveis_dir"><h1>R$ 450.000,00</h1>
<h3>Mogi Guaçu/SP</h3>
<img src="imagens/addfav.png" alt="add/remove" id="1" class="favorites" onClick="addRemFav(id)" />
</div><!--ver_imoveis_dir-->
<hr/>
<div id="ver_imoveis_dir"><h1>R$ 450.000,00</h1>
<h3>Mogi Guaçu/SP</h3>
    <img src="imagens/addfav.png" alt="add/remove" id="2" class="favorites" onClick="addRemFav(id)" />
</div><!--ver_imoveis_dir-->

<p id="mostra-id"></p>

CSS

body {
    font-size: 0.8em;
    font-family: Verdana;
}
#mostra-id {
    padding: 5px;
    color: black;
    background-color: salmon;
}

JavaScript

$('#mostra-id').hide();
$(document).on('click', '.favorites', function(){
    var id = $(this).prop('id');
    $('#mostra-id').empty().show().append("O ID do imóvel selecionado é: " + '<strong>'+ id + '</strong>');
});