Tenho este foreach()
<?php foreach($fotos_ingresso as $valor){ ?>
<div id="fotos-listagem-imagem">
<a href="javascript:;" data-toggle="modal" data-target="#confirma-deletar-imagem" data-href="#" data-id="<?php echo $valor->inf_id; ?>" id="deletar-imagem"><img src="<?php echo base_url('assets/uploads/interno_fotos/'.$valor->inf_tipo.'/'.$valor->inf_imagem); ?>" class="img-responsive corte-imagem"></a>
</div>
<?php } ?>
Dentro dele, estou passando id="deletar-imagem" e também o data-id.
De que forma eu consigo recuperar o data-id? Eu fiz da seguinte forma:
$('#confirma-deletar-imagem').on('show.bs.modal', function(e) {
var inf_id = $(this).attr('data-id');
});
Neste caso está retornando nullo. Quando clica na imagem, eu abro uma confirmação via modal... E quando clicar, deverá chamar o Ajax para remover. Porém, não sei nem como chamar o ajax para remover, depois do clique no botão chamado deletar-imagem-modal.
Como posso fazer isso?
id
define um elemento único na página, então não faz sentido ter dentro de umforeach
. Veja se consegue utilizar classes. – Woss 25/07/17 às 21:16foreach
, mas em definir o atributoid
do elemento dentro do laço. Isso iria criar na página vários elementos com o mesmoid
e isso não é possível, poisid
é único. – Woss 25/07/17 às 21:20