[解決済み] JQuery: divが表示されているかどうか [重複].

質問

私は作成中の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>