cristo
322
2017-03-23 11:50:29
2
907

제이쿼리를 이용해 자기자신을 포함한 선택자를 통해 태그를 넣어줘야하는데


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<event>
    <item class="item1"><span>KOSPI</span>
        <left>2,175.37</left>
        <arrow style="color: rgb(249, 51, 69);">▲</arrow>
        <right>7.07</right>
    </item>
    <item class="item2"><span>KOSDAQ</span>
        <left>607.65</left>
        <arrow style="color: rgb(249, 51, 69);">▲</arrow>
        <right>0.08</right>
    </item>
    <item class="item3"><span>KOSPI200</span>
        <left>283.42</left>
        <arrow style="color: rgb(249, 51, 69);">▲</arrow>
        <right>0.79</right>
    </item>
    <item class="item4"><span>KOSPI선물</span>
        <left>283.75</left>
        <arrow style="color: rgb(249, 51, 69);">▲</arrow>
        <right>1.2</right>
    </item>
</event>


안녕하세요 okky 회원님들


궁금한점이 있어서 이렇게 질문드리러 왔습니다.


현재의 태그는 위에보이시는 참고소스와 같습니다.


이 태그를 하단에 있는 ul태그에


첫번째 li태그 아래에는 className이 item1인 자신의 태그와 하위자식태그 전부를

두번째 li태그 아래에는 className이 item2인 자신의 태그와 하위자식태그 전부를

세네번째 li태그도 이와같은 방식으로, 추가를하여야하는 상황입니다.


현재 event 태그자체를 외부사이트에서 크롤링해와서 제한적인 부분이있는데

자기자신을 포함하는 선택자를 찾아보니


jQuery(".item1").clone().wrapAll("<item/>").parent().html();


을 이용하면 자기자신을 포함한 태그를 들고올수있다고하는데 append를 통해 추가하려고하니 자꾸 에러가 나네요

무엇이 문제인지 머리를 꽁꽁싸메다가 너무막혀있는거같아서 죄송하지만 이렇게 질문을드립니다.

<ul id = "flexisel" >

    <li >

<item class="item1"><span>KOSPI</span>
        <left>2,175.37</left>
        <arrow style="color: rgb(249, 51, 69);">▲</arrow>
        <right>7.07</right>
    </item>

    </li> 

    <li ></li>  

    <li ></li>  

    <li ></li>  

</ul>


0
  • 답변 2

  • 나우
    87
    2017-03-23 15:14:37

    제가 질문을 잘 이해 못한 것일 수도 있는데..


    $(".item1).parent().find('item').each(function(){
       $("#flexisel").append("<li></li>");
       $("#flexisel li:last-child").append($(this));
    }

    정확할진 모르겠는데 이런식으로 하면 되지 않나요..?

  • cristo
    322
    2017-03-24 12:04:29

    답변주셔서 감사합니다!

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