NEWBIEㅋ
625
2019-04-16 09:52:17 작성 2019-04-16 09:54:20 수정됨
6
577

제이쿼리 appendTo 아시는 고수분..


안녕하세요.

개발하다가 삽질의 연속으로.. 결국 도움을 받으러 왔습니다..

실제 개발 코드는 아니지만 같은 현상이 나오는 소스 참고 부탁드립니다.

html 

input id="showTest" type="button" value="클릭" onclick="showTest();"


javascript

function showTest(){

$("#showTest").appendTo(

"input id='showTest' type='button' value='클릭' onclick='showTest();'"

        );

}

버튼을 클릭하면 같은 버튼이 생기는게 아니라 사라집니다..

append로 쓰면안됩니다..

원본소스 붙이니 글에 진짜 버튼이생겨 태그 꺽가로는 생략했습니다..

0
0
  • 답변 6

  • 바람종
    754
    2019-04-16 10:01:43

    append는 선택한 엘리먼트 안에 새로운 엘리먼트를 추가하는것이고

    (엘리먼트 '에' 무언가 추가함) 

    apeendTo는 선택한 엘리멘트는 인자로 받은 엘리먼트 안에 추가하는 겁니다

    (엘리먼트 '를' 어디엔가 추가함)

    같은 버튼을 같은 레벨에 넣는 것이라면

    parent로 부모를 찾아서 append하셔야 될것같네요

    그리고 id는 고유해야 하기때문에 중복으로 들어가게 똑같은걸 추가하는건 추천하지 않습니다.

    1
  • NEWBIEㅋ
    625
    2019-04-16 10:08:42
    0
  • 아이원가습기
    423
    2019-04-16 10:20:26

    append ~를 확장하다

    append to ~에 확장하다

    0
  • 초급개발자(오)
    511
    2019-04-16 10:22:13

    $("#아이디").append("추가할 엘리먼트");

    $("추가할 엘리먼트").appendTo("# 아이디");

    append의 경우 뒤에 추가

    appendTo 이미있는 내용 잘라내기후 그 자리에  자신이 들어감.

    정도로 생각하시면 되겠네요 ㅎ


    0
  • NEWBIEㅋ
    625
    2019-04-16 11:48:51 작성 2019-04-16 11:49:30 수정됨

    아이원가습기

    추가, 확장하는 개념인데 왜 사라지는거죠 ㅠㅠ


    초급개발자(오)

    추가, 확장하는 개념인데 이미있는 내용을 잘라내기 후 자리에 자신이 들어가는게 맞는건가요?



    0
  • 초급개발자(오)
    511
    2019-04-16 13:17:31
    0
  • 로그인을 하시면 답변을 등록할 수 있습니다.