私が話している 2 つのことは、テキスト フィールドと、そのテキスト フィールドを表示するために入力する必要がある HTML を表す文字列です。この 2 つを表示させるボタンがあります。このボタンをクリックするたびに、同じ種類の別のペアが表示されます。
ただし、新しいペアが生成されるたびに、テキスト フィールドの横にボタンが生成されます。クリックすると、テキスト フィールドとそれで作成された文字列が削除されます。それで、どうすればこれを達成できますか?
「クラス x1 のボタンをクリックすると、クラス x1 を持つテキスト フィールドと文字列を削除する」、「クラス x2 のボタンをクリックすると、クラス x2 を持つテキスト フィールドと文字列を削除する」などのようにプログラムできます。 、しかしそれ以外の解決策を意味します。
テキスト フィールド/HTML ペアの作成は次のようになります。
$(document).ready(function() {
$('#textField').click(function() {
$('#codeBox').append('<div id="divText'+visText+'"><input type="text" class="textfield" maxlength="0" id="visText'+visText+'"><input type="button" value="O" id="o"> <input type="button" value="?" id="que"> <input type="button" value="X" id="closeX"><div id="textCode" class="codeDisplay"><div class="textCode"><div><input type="text" class="textfield" id="text'+textClicked+'"</div><br></div></div>');
$('#codeBox2').append('<div><input type="text" class="textfield" id="text'+textClicked+'"</div><br>')