前のテキストフィールドをクリックしてテキストフィールドを生成しようとしています
HTML
<input type="text" name="text1" class="XYZ"/><input type="button" value="button"/>
JavaScript
$(function () {
count=2;
var createNewField = function () {
var $node = $('<input type="radio" name="choices" name="o" id="o" /><div class="ABC"><input class="XYZ" type="text" name="op" id="op"/></div>');
$node.one('click', createNewField);
$(this).after($node);
};
$('input.XYZ').one('click', createNewField);
});
このスクリプトは正常に動作しています。問題は
前のテキストフィールドをクリックしてテキストフィールドを生成したいのですが、この新しいテキストフィールドでは、ラジオボタンをクリックしても生成されます。
次に、生成されたテキストフィールドの位置を調整するにはどうすればよいですか。たとえば。新しいテキストフィールドをボタンの後にしたい。しかし、このスクリプトはボタンの前にテキストフィールドを生成します。
問題を理解していただければ幸いです。前もって感謝します。