jqueryの関数attrが動作しない

Question

jQueryを使用してボタンの値とIDを変更していますが、console.logを実行すると動作しません。古い値が表示されます。 私は何をしているのかを説明します： 私は彼がいくつかのことをするだろうボタンがありますが、私はidを変更するためにattrを使用していますので、このボタンの値を変更したいですが、 。 はいずれも がここにすべての私のコードで私を助けてくださいすることができます

$('document').ready(function() { 
 
    $('div').hide(); 
 
    
 
    $('#changer').click(function() { 
 
    $('div').show(); 
 
    }); 
 
    
 
    $('#changerText').click(function() { 
 
    x = $("#t").val(); 
 
    $('p').html(x); 
 
    console.log($("#changerText").attr("id")); 
 
    }); 
 
    
 
    $("#ajouter").click(function() { 
 
    $('#t1').html('contenu à ajouter '); 
 
    $('#changerText').val('ajouter').attr('id', 'AjoutT'); 
 
    }); 
 
    
 
    $('#AjoutT').click(function() { 
 
    alert('k'); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<h1>ds Technologies web</h1> 
 
<p>Contenu de la Div</p> 
 
<input type="button" value="changer le contenu de la DIV" id="changer"> 
 
<input type="button" value="ajouter le contenu de la DIV" id="ajouter"><br> 
 
<label>nouvelle Couleur du fond pour la Div</label> 
 
<input type="text"><input type="button" value="valider" id="valider"><br> 
 
<label>les effets viusuelle de jquery:</label><br> 
 
<input type="radio" name="radio"> cacher:<b>Hide</b> 
 
<input type="radio" name="radio"> afficher:<b>show</b> 
 
<br> 
 
<input type="radio" name="radio"> cacher lentement:<b>FadeOut</b> 
 
<input type="radio" name="radio"> Afficher lentement:<b>FadeIn</b><br> 
 
<input type="button" value="appliquer" id="appliquer"> 
 
<div> 
 
    <h1 id='t1'>contenu à changer</h1> 
 
    <label>text à ajouter</label> 
 
    <textarea id="t"></textarea> 
 
    <br> 
 
    <input type="button" value="changer" id="changerText"> 
 

 

 
</div>

Answer 1

これを試してください：

フィドル：https://jsfiddle.net/yv951oLn/

コード：

$("#ajouter").click(function() { 
    var changerText = $('#changerText'); 
    $('#t1').html('contenu à ajouter '); 
    changerText.val('ajouter'); 
    changerText.attr('id', 'AjoutT'); 
    console.log($("#AjoutT").attr("id")); 
    });