jQuery Mobile Button 숨기기

jQuery Mobile Button 숨기기

버튼을 숨기는 방법에 $('#아이디').hide()를 해도 안되기에, 찾아보니 

<div data-theme="e"
 class="ui-btn ui-btn-inline ui-btn-corner-all ui-shadow ui-btn-hover-e ui-btn-down-e"
 aria-disabled="false">
    <span class="ui-btn-inner ui-btn-corner-all">
        <span class="ui-btn-text">Submit</span>
    </span>
    <input type="submit" id="submit_btn" value="Submit" data-theme="e"
 data-inline="true" class="ui-btn-hidden" aria-disabled="false">
</div>

다음과 같은 방법을 사용하면 가능하다.

$('#submit_btn').closest('.ui-btn').hide();

 

참조: https://stackoverflow.com/questions/7053335/jquery-mobile-cannot-hide-submit-button

 

closet() 가장 가까운 부모 객체를 찾는 것입니다.

참고: https://www.w3schools.com/jquery/traversing_closest.asp

참고: https://api.jquery.com/closest/

참고: jQuery closest(), parents() 메소드의 차이