개발입문자1년
255
2019-05-22 18:00:59 작성 2019-05-22 18:06:20 수정됨
3
154

jqeury태그 생성 관련 질문입니다.


언뇽하세요 제이쿼리로 공부하고 있는중입니다.

 

                       < a href="javascript:;" class="how" title="어때요?"><span>어때요?</span></a>

                        < aside class="Layer">

                            < input type="hidden" class="test1">

                            < div class="resultMsg">

                                <p class="message"></p>

                            </div>

                            < ul>

                                < li><a href="javascript:;" class="good">좋아</a></li>

                                < li><a href="javascript:;" class="bad">안좋아</a></li>

                            </ul>


 $(target_obj).parent().parent().parent().parent().find(".how").after("<span class=\"like\"><span>좋아</span></span>");

 $(target_obj).parent().parent().parent().parent().find(".how").remove();

질문드립니당 html태그는 이런식으로되이있으며 li태그안에 a태그 데이터를 누르면 클릭 함수를 통해 에이작스를태워

데이터를 가져온후 그후속처리를 위해 스크립트를 짜는중

$(target_obj)  = <a href="javascript:;" class="good">좋아</a> 이며

 < a href="javascript:;" class="how" title="어때요?"><span>어때요?</span></a> 이태그를지우고

span태그를 넣고싶어 after뒤에 값을넣엇습니다. 그런데 

  < a href="javascript:;" class="how" title="어때요?"><span>어때요?</span></a> 이태그는지워지는데

 $(target_obj).parent().parent().parent().parent().find(".how").after("<span class=\"like\"><span>좋아</span></span>"); 이 스크립트는 먹히질않는거같아요.. 머가 문제일까요

0
0
  • 답변 3

  • 밥도둑계장
    575
    2019-05-22 18:06:26

    $(document).on("click",'.good' , function(){

        $(".how").empty();

        $(".how").after(필요한데이터);

    });


    이런식은 어떠신지..

    1
  • $(target_obj).parent().parent().parent().parent().find(".how").after("<span class=\"like\"><span>좋아</span></span>");


     $(target_obj).parent().parent().parent().parent().find(".how").remove();


    이 두 소스에에서  공통적인  $(target_obj).parent().parent().parent().parent().find(".how")은 

    < a href="javascript:;" class="how" title="어때요?"><span>어때요?</span></a> 

    <a>태그를 나타내는데요 .remove();를 하셨으니 추가될곳이 없거나

    추가를 했는데 .remove(); 지우거나 일듯 한데

    스크립트 소스가 좀더 있으면 더 쉽게 파악이 가능할듯 합니다.







    1
  • 개발입문자1년
    255
    2019-05-22 18:15:13

    네네 다들감사합니다.  제가 마지막줄에

    $(target_obj).parent().parent().remove(); 
    소스좀 수정해서 해결했습니다
    0
  • 로그인을 하시면 답변을 등록할 수 있습니다.