[jquery] data-target으로 원하는 태그 컨트롤하기

 

 

 

 

data-target을 통해 원하는 div의 style.display를 변경하는 코드!

 

    <script>
      $(document).ready(function () {
        $(".trigger").click(function () {
         
          id = $($(this).data("target")).selector;
          $("#"+id).show();
       
        });
      });

    </script>
    
    <button class="trigger" data-target="control_div">버튼을 클릭하여 원하는 태그 컨트롤 하기</button>
    
    <div id="control_div" style="display: none">컨트롤할 div</div>