クリックで重複入力、前にクリックされた要素を挿入 - jQueryの

Question

私はそうのようにマークアップしている：

$('label.duplicate').click(function(e) { 
 
     e.preventDefault(); 
 
     var _for = $(this).attr('for'); 
 
    
 
     $('input[name="' + _for + '"]').clone().insertBefore($(this)); 
 
     });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" name="input_one[]"> 
 
    <label class="duplicate" for="input_one[]">Add another car</label>

これは、複製、またはエラーを提供していないので、私は理由を知りませんこれは動作していないのですか？

Answer 1

動作していますが、コードを実行する前にdom-structurがロードされるのを待つ必要があります。以下のようにdocumet.readyの中にすべてを入れてください：

$(document).ready(function() { 
    $('label.duplicate').click(function(e) { 
    e.preventDefault(); 
    var _for = $(this).attr('for'); 

    $('input[name="' + _for + '"]').clone().insertBefore($(this)); 
    }); 
}) 

最後にコードを最後に挿入してください。ここではこれについての続きを読む：https://learn.jquery.com/using-jquery-core/document-ready/

Answer 2

<input type="text" name="input_one[]"> 
<label class="duplicate" for="input_one[]">Add another car</label> 

だけ.duplicate複製するのに十分です：

$(function(){ 
$('.duplicate').click(function(e) { 
    e.preventDefault(); 
    var _for = $(this).attr('for'); 

    $('input[name="' + _for + '"]').clone().insertBefore($(this)); 
    }); 
} 

Answer 3

私はあなたがコードhereだし、正常に動作するように再現。 jQueryライブラリをインポートするスクリプトの後ろにjQueryコードがありますか？ エラーが表示されますか？