Função ON do Jquery não exclui elementos no DOM

[kenio Junio 0]

Estou desenvolvendo um sistema com PHP e AJAX adiciono em uma tabela uma linha ate ai tudo normal, mas depois que adicionei a linha na tabela quero apagar. 

estou usando o on(), mas parece não esta funcionando. 

 

JAVASCRIPT

$('.extList').on('click', function(){
      var idPordEx = $(this).attr('id');
      $(".addStatus").html('<span class="add"><i class="fa fa-spinner fa-spin fa-3x fa-fw" style=""></i> Excluindo... <span></span></span>');
      $.ajax({
          type: "POST",
          url: "sys/excluirPreco.php",
          data: 'id='+idPordEx+'',
          success: function( data )
          {
              var dadosOb = JSON.parse(data);
              var segundos = 7;
              if (dadosOb.excluiu == 'sim') {
              	$(".addStatus").html('<span class="checkVeri"><i class="fa fa-check-circle" aria-hidden="true"></i> Excluido com sucesso! </span>');
                  setTimeout(function(){
                    $('.checkVeri').hide();
                }, segundos*1000);
                $('#consu_'+dadosOb.idList).remove();
              }else if(dadosOb.excluiu == 'sim' || dadosOb.erro == 'sim'){
              	 $(".addStatus").html('<span class="FailVeri"><i class="fa fa-times-circle" aria-hidden="true"></i> Erro ao excluir! </span>');
	                setTimeout(function(){
	                  $('.FailVeri').hide();
	                }, segundos*1000);
              }
          },
          error: function(){
          }
      });
  	});

PHP

<?php 

	include_once "../../../config.php";
	include_once "../../../classes/BD.class.php";

	if (isset($_POST['id'])) {
		$id = $_POST['id'];
		$DeletProd = BD::conn()->prepare("DELETE FROM `preco_estado` WHERE id = ?");
		if($DeletProd->execute(array($id))){
			die(json_encode(array('excluiu' => 'sim','idList' => $id)));
		}else{
			die(json_encode(array('excluiu' => 'nao')));
		}
	}else{
		die(json_encode(array('erro' => 'sim')));
	}

?>

E O HTML 

                          <tr id="consu_<?php echo $finalization->id; ?>">
                            <td><?php echo $finalization->id; ?></td>
                            <td><?php echo $finalization->estado; ?></td>
                            <td><span class="badge bg-light-blue">R$ <?php echo number_format($finalization->preco,2,',','.'); ?></span></td>
                            <td><div class="extList" id="<?php echo $finalization->id;?>"><i class="fa fa-times lixo" aria-hidden="true"></i></a></td>
                          </tr>
 

 

[wootzor 103]

1. A variável idPordEx é numérica?
2. O callback da chamada AJAX está a entrar no evento success?
3. Usa um console.log para verificar se o conteúdo de dadosOb é o que pretendes.