programing

JQuery: div가 보이는 경우

javajsp 2023. 10. 16. 21:31

JQuery: div가 보이는 경우

제가 만들고 있는 SPA의 내용을 변경하는 방법으로 JS를 사용하고 있습니다.버튼을 눌러 내용을 변경하면 HTML이 변경됩니다.

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

다음 항목에 대해:

<div id="selectDiv" style>

이제 SPA의 일부에는 각각의 Div를 나타내는 여러 확인란이 포함된 Div가 있습니다. 그래서 Submit 버튼을 누르면 표시되어야 하는 다음 Div가 선택된 확인란 목록의 첫 번째 항목이 됩니다.

JQuery에서 코드를 "거의 감지"할 수 있는 방법이 있는지 궁금합니다. 어떤 디브가 지금 눈에 띄는지.

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

좋은 의견이라도 있나?

사용가능

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

예를 들어,

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