jqueryを使用して「リンクコンテンツ」ボタンを追加する

Question

こんにちは、すべてjQueryを初めて使用しています。私が2つのHTML入力フィールド、すなわち#input1と#input2を持っているとします。近くに#input 1私は別のボタン（#more）を追加しました。それぞれ#input1をクリックすると#moreボタン#input2が表示されますか？これはどのようにjQueryで行うことができますか？

Answer 1

ここでは、最初に使用するサンプルコードを示します。 、ニーズごとに、これを修正し

$("#btn1").click(function(){ 
 
\t $('body').append('<br><br><input type="text" />'); 
 
});

<input type="text" id="input1" /> 
 
<input type="button" value="Add More" id="btn1" /> 
 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

Answer 2

デモを入れてください、そして助けのための完全なコードが必要あなた（HTML、この

$(function() { 
 
    $('#add').on('click', function(e) { 
 
     e.preventDefault(); 
 
     $('<div/>').addClass('new-text-div') 
 
      .html($('<input type="textbox"/>').addClass('someclass')) 
 
      .insertBefore(this); 
 
    }); 
 
     
 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
<div class="form"> 
 
    <form class="cmxform"> 
 
     <input type="textbox"/> 
 
     <button id="add">Add</button> 
 
    </form> 
 
</div>