如何检查“真或假=扩展区域？”

Question

我在引导程序中有以下列表

<i class="fa fa-plus rgh-i" data-toggle="collapse" data-target="#field-1"></i>
<i class="fa fa-plus rgh-i" data-toggle="collapse" data-target="#field-2"></i>
<i class="fa fa-plus rgh-i" data-toggle="collapse" data-target="#field-3"></i>

我使用 bootstrap 来切换 div。

每个 html 元素i都有一个aria-expanded="true"何时显示我的 div 以及aria-expanded="false"何时隐藏我的 div。

我想检查是否已经有元素aria-expanded="true"......以及是否有下一个隐藏先前打开的元素。

$( "i" ).on( "click", function() {
        if(There are elements of that property aria-expanded="true")
       {
        hide previous item before you open the current one
       }else{
        //something
       }
});

我试图制作一个例子 jsdfiddle 但不幸的是我们做到了......我希望你已经明白我想要做什么。

基本上......我在隐藏前一个项目以显示下一个项目之前进行了简短的说明，并且不允许打开多个元素。

提前致谢！

Answer 1

您需要使用属性 equals 选择器：

选择具有指定属性且其值完全等于某个值的元素

var areaexpandedtrue = $('[aria-expanded=true]');
if(areaexpandedtrue.length){
   areaexpandedtrue.hide();
}