JQuery : div가 보이는 경우

JQuery : div가 보이는 경우

---

이 질문에 이미 답변이 있습니다.

• jQuery에서 요소가 숨겨져 있는지 어떻게 확인합니까? 55 답변

내가 만들고있는 SPA의 내용을 변경하는 방법으로 JS를 사용하고 있습니다. 콘텐츠를 변경하기 위해 버튼을 누르면 HTML이 다음과 같이 변경됩니다.

<div id="selectDiv" style="display: none;">

이에:

<div id="selectDiv" style>

이제 내 SPA의 일부에는 div를 나타내는 여러 확인란이 포함 된 div가 있으므로 제출 버튼을 누르면 표시되어야하는 다음 div가 선택된 확인란 목록의 첫 번째 항목이됩니다.

코드가 현재 표시되는 div를 "거의 감지"하는 방법이 JQuery에 있는지 궁금합니다. 이 같은:

if($('#selectDiv').isVisible()){
    //JS code associated with this div.
}

어떤 제안?

---

당신이 사용할 수있는 .is(':visible')

보이는 모든 요소를 ​​선택합니다.

예를 들면 :

if($('#selectDiv').is(':visible')){

또한 다음과 같이 표시되는 div를 얻을 수 있습니다.

$('div:visible').callYourFunction();

라이브 예 :

console.log($('#selectDiv').is(':visible'));
console.log($('#visibleDiv').is(':visible'));

#selectDiv {
  display: none;  
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="selectDiv"></div>
<div id="visibleDiv"></div>

참조 URL : https://stackoverflow.com/questions/40468981/jquery-if-div-is-visible