解決したいこと特定の属性値を持つクラスのみ抽出したい。 HTML <div class="container"> <span class="list" style="...

@Halchamdaoposted at 2022-12-31

特定の属性値を持つクラスのみ取得する方法

Q&AClosed

解決したいこと

特定の属性値を持つクラスのみ抽出したい。

HTML

<div class="container">

 <span class="list" style="display:none;">

 <span class="list" style="display:none;">

 <span class="list" style="display:inline;">

 <span class="list" style="display:none;">

    、
    、
    、

</div>

このようなHTMLに対し、displayがinlineの"list"のみを
JS、JQueryを使って取得する方法に詰まっています。
inlineになっているlistは1つだけ、それ以外は全てnoneの構成です。

JQuery

$('.list').css('display');

これでdisplayの属性値を調べるところまではわかったのですが、
配列のlistから1つだけを習得する方法がわからない状態です。

どなたかご教授頂けますと助かります、、、。

1Answer

@jkr_2255 posted at 2022-12-31

jQuery専用のセレクタで、:visibleというものがあります（公式）。

$('.list:visible')

Comments

@Halchamdao
Questioner
そんなセレクタがあったのですね！
ありがとうございます！
試してみます！！
@Halchamdao
Questioner
お陰様でやりたいことが実装できました！
ありがとうございました！