回答編集履歴
1
削除ボタンを追加
answer
CHANGED
|
@@ -3,6 +3,8 @@
|
|
|
3
3
|
|
|
4
4
|
これで良いのでしょうか？
|
|
5
5
|
|
|
6
|
+
削除ボタンを追加しました。レイアウトなどはご自身でお考えください。
|
|
7
|
+
|
|
6
8
|
```HTML
|
|
7
9
|
<!DOCTYPE html>
|
|
8
10
|
<html>
|
|
@@ -18,8 +20,20 @@
|
|
|
18
20
|
$(".show_map > ul").append(
|
|
19
21
|
$("<li />")
|
|
20
22
|
.text($(".sentaku").val() + " " + $(".name").val())
|
|
23
|
+
.append(
|
|
24
|
+
$("<input />", {
|
|
25
|
+
type : "button",
|
|
26
|
+
"class" : "delete",
|
|
27
|
+
value : "削除"
|
|
28
|
+
})
|
|
29
|
+
)
|
|
21
30
|
);
|
|
31
|
+
});
|
|
22
32
|
|
|
33
|
+
// ".delete"は新しく追加された要素なので、上の要素から指定する。
|
|
34
|
+
$(".show_map > ul").on("click", ".delete", function() {
|
|
35
|
+
// 削除ボタンの1つ上の要素配下を削除する。
|
|
36
|
+
$(this).parent().remove();
|
|
23
37
|
});
|
|
24
38
|
});
|
|
25
39
|
</script>
|