fiz um foreach no meu banco mais o código ficará muito extenso continuando,
Oque eu quero fazer é com que o usuário clique no link apareça uma confirmacão de uma div, 
nesta div terá um link para deletar realmente o artigo o problema é quando eu chamo a div de confirmação , o JS chama várias divs, eu gostaria que a div de confirmação apareça no elemento clicado 

    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript">
	    $("document").ready(function(){	
		    $('.excluir').click(function(){
		    	$('.janela-moldal').fadeIn();
		     });

		    $('.chamar-moldal').click(function(){
				$('.janela-moldal').fadeIn();
		    });

		    $('.cancelar').click(function(){
				$('.janela-moldal').fadeOut();
		    });

		    $(".excluir-artigo").live('click',function(){
				 $.post('php/deletar.php', {coment:$(this).attr('id')});
				 $(this).parent('div').fadeOut();
			     $(".janela-moldal").fadeOut();
			};
	    });
    });
    </script>
		
	<?php
		$artigo[] = array();
		$artigo['artigo_id'] = 1;
		$artigo['frase'] = '"A vingança nunca é plena, mata a alma e a invenena"';

		var_dump($artigo);
	?>
	 
	  <div class="artigos" id="artigos"> 
		  <?=$artigo['artigo_id']; ?>
		  <h1><?= $artigo['frase']; ?></h1>
	      <a class="chamar-moldal" href="javascript:void(0);">chamar a div de confirmacão </a>
	  </div>

	   <div class="janela-moldal" style="display:none"> 
		   <h1>Deseja excluir este artigo?</h1>
		        <a class="cancelar" href="javascript:void(0);">cancelar</a>
				<a class="excluir-artigo" id="artigo-<?=$artigo['artigo_id']?>" href="javascript:void(0);">excluir</a>
	   </div>