Проблему решил следующим образом, все сообщения поместил в общий div
<div id="listing-post">
<div id="new-message">
<div class="message">
<a href="#" class="delete-post">
<span data-action="{$post['id']}" class="glyphicon glyphicon-remove action remove-action"></span>
</a>
<!-- разный html код -->
</div>
</div>
</div>
А JS приобрел такой вид:
<script type="text/javascript">
var container = document.getElementById('listing-post');
container.onclick = function(event) {
var id = event.target.getAttribute('data-action');
if (!event.target.classList.contains('remove-action')) return;
event.target.parentNode.hidden = !event.target.parentNode.hidden;
$.post('/posts/' + id + '/delete', {}, function(data){
$('#notice').html(data);
});
return false;
}
</script>
