Jquery inopérant sur du contenu généré en jquery

Bonjour tout le monde,

J'ai besoin, pour le back office que je suis en train de créer, de récupérer une liste de tags pour pouvoir la gérer.
Voici le script qui récupère mes tags

$('label[class^=catype_').click(function (){
var idcat = $(this).find("input").attr("id").split("_")[1];
// console.log("test "+idcat);
if ($(".list input:checked").length == 0)
{
    $(".listrecipes").remove();
    $(".list").before("<div class='listrecipes'></div>");
    $.ajax({ 
    type: "POST",
    //dataType: 'json',
    url: "ajx/ajax_nutrit.php", 
    data: {gettags:1, idtype: idcat, debug:0},
    error : function(x,err){
            alert(err);
        },
    success: function(data){
       // console.log("ok "+data);
        $(data).each(function (a, b) {
            $(b).each(function (id, tag) {
                var lirec = "<li id='rec_"+tag.id+"'><span id='idtag'>"+tag.id+"</span><span class='tagtext'>"+tag.categorie+"</span><input class='n_idtag' type='text' placeholder='id tag'><input type='text' class='n_idtyp'  placeholder='id type'><button class='afftag'><i class='fas fa-arrow-alt-circle-right'></i></button><li>";
                $(".listrecipes").append(lirec);
            });
        });
    }
 });     

Ce script est ok et m'affiche bien ma liste.
Et voici le script qui me permet de gérer mes tags :

        $(".afftag").click(function(){
            var idtag = $(this).parent().attr("id").split("_")[1];
            var newtag = $(".listrecipes li#rec_"+idtag).find("input.n_idtag").val();
            var newtype = $(".listrecipes li#rec_"+idtag).find("input.n_idtyp").val();
            console.log("upd "+newtag+" "+newtype);
        }); 

Ce script fonctionne parfaitement lorsque je le teste dans la console mais il ne se passe rien quand il est simplement dans mon code.
Je précise que les autres scripts de la page fonctionnent sans pb,qu'ils soient avant ou après celui-ci.
Ce n'est pas la première fois que j'ai des pbs avec les contenus du DOM générés en jquery/js, ça réagit comme si ils n'existaient pas...
Je précise également que ça ne marche pas non plus si je remplace par ce script

        $(".afftag").click(function(){
            console.log("ok ");
        }); 

ou encore celui-ci, qui fonctionne très bien avec les autres boutons de la page :

        $("button").click(function(){
            console.log("ok ");
        }); 

Qu'est-ce que j'ai mal fait ??
Merci d'avance pour votre aide !! :)