제타건담
6k
2020-11-24 21:07:40
4
239

jquery에서 자기 자신을 html로 가져오는 방법이 있을까요..?


안녕하세요..

예를 들어 다음과 같은 span 태그가 있을 경우


<span id="spanid1"><h2>테스트1</h2></span>
<span id="spanid2"><h2>테스트2</h2></span>
<span id="spanid3"><h2>테스트3</h2></span>


jquery로 $("#spanid1").html()을 호출하면 <h2>테스트1</h2> 를 가져오게 됩니다..

근데 제가 원하는것은 spanid1 만을 주어서 <span id="spanid1"><h2>테스트1</h2></span> 이렇게 가져오고 싶습니다..

즉 자기 자신의 요소를 구성하는 html 코드도 같이 가져오고 싶은데요..

이럴경우 어떻게 하면 좋을지 알려주시면 고맙겠습니다..

부탁드립니다..

0
  • 답변 4

  • kenu
    51k
    2020-11-24 21:32:34

    $("#spanid1")[0].outerHTML



  • RWB
    408
    2020-11-24 21:33:30

    jQuery 이용하시려면 아래와 같이 입력하시면 됩니다.


    $("#spanid1").clone().wrapAll("<div />").parent().html();


    위처럼 사용하시면 됩니다.



    바닐라 자바스크립트 이용하시는게 오히려 직관적이에요.


    document.getElementById("spanid1").outerHTML


    outerHTML 속성으로 간단하게 불러올 수 있습니다.

  • 준호
    400
    2020-11-24 21:33:48

    http://jsfiddle.net/9bsk7huj/

  • 제타건담
    6k
    2020-11-27 20:05:36

    답변이 늦었네요..html로 하지 않고 dom 객체로 읽어와서 문제점을 해결했습니다..
    답변 달아주신분들..모두 고맙습니다..

  • 로그인을 하시면 답변 을 등록할 수 있습니다.