アクセスしたDOM要素

Question

私はコードを別の"行"(div入力は、ボタンをクリックします。私は新しい入力要素とか、しまいになれます。

例:できません"といったメッセージ要素(name_1ます。そして私が作成した別の入力データ要素(name_2下記のjavascriptの createElement 機能です。

<input type='text' id='name_1' name="name_1" />
<input type='text' id='name_2' name="name_2" />

再度作成の要素がこういうことができるようにアクセスに価値のname_2後で作成されたによるものであるユーザーです。例: document.getElementById('name_2');

この方法でやらねばならない。くの、めんどくさいんだよなー、DOMを認識する新しい要素かどうかが判別されます。高校を卒業したばかりです。

私のコードサンプルを活用したjQuery):

function addName(){
var parentDiv = document.createElement("div");
$(parentDiv).attr( "id", "lp_" + id );

var col1 = document.createElement("div");
var input1 = $( 'input[name="lp_name_1"]').clone(true);
$(input1).attr( "name", "lp_name_" + id );
$(col1).attr( "class", "span-4" );
$(col1).append( input1 );

$(parentDiv).append( col1 );

$('#main_div').append(parentDiv);
}

てもjQueryとJavaScriptのセレクタ.例: $('#lp_2').html() はnullを返します。な document.getElementById('lp_2');

Answer 1

を作成する必要がある要素を追加し、DOMなどの機能を利用appendChild.見 こちらの ます。

私からするというcreateElement()で追加されDOM上位の階層となります。

Answer 2

の場合は正しく追加され、domツリーでクエリーで書きします。getElementById.しかしブラウザのバグが原因のトラブル、JavaScriptを使用ツールキットのようなjQueryる作品のブラウザをございます。

Answer 3

var input1=$('入力[name="lp_name_1"]').clone(true);

このコードで掲載していないがあるということを意味する要素は、その名前の属性。直前のこの部分を作成します要素 id 属性には、ときに使う $("#lp_1") 選択できるが入っているか確認してくださるまで差し込み文書は、ないです。

Answer 4

var input1 = $( 'input[name="lp_name_1"]').clone(true);

すべき

var input1 = $( 'input[@name="lp_name_1"]').clone(true);

いることを確認しinput1実を返しまうも、デバッグの算書のようないくことになる問題は発生しない。

編集：だけだと言われたことがtrueのための古いバージョンのJQueryください私を無視します。

Answer 5

ありがとうございお答える。歩いた後は、バマコード、そしてそこに向かう予定だったが間違いです。った機能の追加ラインのそれはかなり違います。また"100%のだ"と私は呼び出し権限のコード例では掲載し）ですが、悲しいかな、私はいません。

の方にも問題だと思うのすべての回答を受けたのは素晴らしいスタートを切ったのに使用したデバッグ、われますが正確であるかのコードです。

私のコード例では100%を補正していたんですが、それをたまた必要により、必要な呼び出します。(Duh!)

ってくれたことに感謝すべての皆さまのご協力のもと、

-Jamie