jQuery根据属性更改隐藏或删除元素

我正在使用我的网站，我正在寻找一种方法，当我的

#nav home选项卡
aria selected=true
时，我可以使用jQuery显示或添加我的元素
div#content1
，如果
aria selected=false


这是我目前的尝试：

/*
This code below is Bootstrap Nav tabs that will show div#content1/2 if clicked(aria-selected=true)
*/
<nav>
    <div class="nav nav-tabs" id="nav-tab" role="tablist">
        <a class="nav-item nav-link active" id="nav-home-tab" data-toggle="tab" href="#nav-home" role="tab" aria-controls="nav-home" aria-selected="true">Home</a>
        <a class="nav-item nav-link" id="nav-profile-tab" data-toggle="tab" href="#nav-profile" role="tab" aria-controls="nav-profile" aria-selected="false">Profile</a>
        <a class="nav-item nav-link" id="nav-contact-tab" data-toggle="tab" href="#nav-contact" role="tab" aria-controls="nav-contact" aria-selected="false">Contact</a>
    </div>
</nav>
<div class="tab-content" id="nav-tabContent">
    <div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
       <div id="content1">
            //some content
       </div>
    </div>
    <div class="tab-pane fade" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab">
      <div id="content2">
            //some content
      </div>
    </div>
    <div class="tab-pane fade" id="nav-contact" role="tabpanel" aria-labelledby="nav-contact-tab">...</div>
</div>

/*
下面的代码是引导导航选项卡，如果单击，将显示div#content1/2（aria selected=true）
*/
//一些内容
//一些内容
...
我要做的一个小技巧是
使用onclick属性附加id为“nav home tab”的元素
是这样的

<a onclick="toggleThatDiv()" class="nav-item nav-link active" id="nav-home-tab" data-toggle="tab" href="#nav-home" role="tab" aria-controls="nav-home" aria-selected="true">Home</a>

希望这能解决您的问题。
我要做的一个小技巧是
使用onclick属性附加id为“nav home tab”的元素
是这样的

<a onclick="toggleThatDiv()" class="nav-item nav-link active" id="nav-home-tab" data-toggle="tab" href="#nav-home" role="tab" aria-controls="nav-home" aria-selected="true">Home</a>

希望这能解决您的问题。
您可以尝试对Jquery Ready函数进行简单检查

$(document).ready(function(){
    if($('a#nav-home-tab').attr('aria-selected') == "true") {
        $('div#content1').show();
    } else {
        $('div#content1').hide();
    }  
});

您还可以在这里看到
您可以尝试对jqueryready函数进行简单检查

$(document).ready(function(){
    if($('a#nav-home-tab').attr('aria-selected') == "true") {
        $('div#content1').show();
    } else {
        $('div#content1').hide();
    }  
});

您还可以在此处查看更改或渲染时的
。
$（“#content1”）。切换（$（“#导航主选项卡”）。attr（“选定的aria”）==“true”）
@Christopher Jordan请在更改或渲染时批准答案是否正确或更新？
$（“#content1”）。切换（$（“#导航主选项卡”）。attr（“选定的aria”）==“true”）
@Christopher Jordan请批准答案是否正确，或者更新
$（“#content1”）。toggle（）
会简单一点，但这并不是真正回答问题。
$（“#content1”）。toggle（）会简单一点，但这并不是真正回答问题