### 発生している問題・エラーメッセージ ``` ・動的に生成した”削除ボタン”に対する下記コードが動作しない //$(this).prevtAll('input[type="file"]').val(null); //$(this).prevAll(".filename").html("選択されていません"); ・削除ボタンクリック後に生成したinput="file"ボタンが動作しない（ボタンの切り替えは成功しているもののファイル読み込みができない。）エラーメッセージは出ておらず、迷宮入りしてしまいました。ご教示頂けないでしょうか。よろしくお願いいたします。 ``` ### 該当のソースコード < -- html -- >

ファイルを選択選択されていません

```ここに言語名を入力 $("input[type='file']").on('change',function(){ var file = $(this).prop('files')[0]; $(this).nextAll('#input-label').replaceWith($('').clone(true)); $(this).nextAll('.filename').html(file.name); }); $(document).on('click', '.file_clear',function(){ $(this).replaceWith($('ファイルを選択').clone(true)); $(this).prevtAll('input[type="file"]').val(null); $(this).prevAll(".filename").html("選択されていません"); }); ``` ### 補足情報（FW/ツールのバージョンなど）動作の流れ ”ファイルを選択ボタン” ↓クリック ”削除ボタン”に切り替え（生成）”、同時に.filenameを変更 ↓クリック ”ファイルを選択ボタン”に切り替え（生成）、同時に.filenameを変更

@@ -30,7 +30,21 @@
 ### 該当のソースコード
+< -- html -- >
+<div id="input-group">
+  <input type="file" id="01" name="01" class="none">
+  <label for="01" id="input-label">ファイルを選択</label>
+  <span class="filename">選択されていません</span>
+</div>
 ```ここに言語名を入力

質問編集履歴