<div class="pic"> 설정하여 안에 넣어줌
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<h3>mouse로 클릭하면, 이미지를 삭제할 수 있습니다</h3>
<div class="pic">
</div>
<script type="text/javascript">
$(function () {
//배열명이 불규칙할 경우
let picname = [ 'myimage.jpg', 'background.jpg', 'picture.png' ];
//이미지 자동삽입
for(i = 1;i < 10; i++){
// let img = $("<img></img>").attr("src", "./images/photo_" + i + ".jpg").attr("class", "myimg");
let img = $("<img></img>").attr({
"src":"./image/photo_" + i + ".jpg",
"class":"myimg"
});
$(".pic").append(img);
}
//클릭하면 삭제
/* $("img").click(function () {
$(this).remove();
});
*/ 클래스로 넣었을경우
$(".myimg").click(function () {
$(this).remove();
});
});
</script>
</body>'JQuery > work' 카테고리의 다른 글
| 사진클릭하여 사진설명 확인하기 (0) | 2020.07.17 |
|---|---|
| 사진 클릭하여 이미지 변경하기(attr) (0) | 2020.07.17 |
| ul,li의 선택항목 구하기 //차 (0) | 2020.07.17 |
| 뉴스기사 읽어오기 전 // 로딩중... (0) | 2020.07.17 |
| 송장정보의 입력 (0) | 2020.07.17 |
