我有一个代码可以在单击时将资产添加到链接。但我需要使每一行只能有一个活动类,并且当单击另一个链接时,前一个链接将被删除,就像现在可以完成的那样
$(function() {
$(".menu-item").click(function() {
if ($('.menu-item a').is('.active-picker')) {
$(this).removeClass('active-picker')
} else {
$(this).addClass("active-picker");
}
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="marketgroups hidden">
<div class="menu-picker d-flex align-items-center gray-400">
<div class="container-fluid">
<div class="d-flex align-items-center ">
<div class="menu-title">Code1</div>
<div class="w-100">
<ul class="d-flex justify-content-center marketgroups-link">
<li class="menu-item ">
<a href="#">JEDMXP</a>
</li>
<li class="menu-item">
<a href="#">JFKMXP</a>
</li>
<li class="menu-item">
<a href="#">JFKPRG</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="menu-picker flightselector hidden gray-300">
<div class="container-fluid">
<div class="d-flex align-items-center ">
<div class="menu-title">Code2</div>
<div class="w-100">
<ul class="d-flex justify-content-center flightselector-link">
<li class="menu-item ">
<a href="#">4291TLVPRG</a>
</li>
<li class="menu-item">
<a href="#">5288PRGTLV</a>
</li>
<li class="menu-item">
<a href="#">4290PRGTLV</a>
</li>
<li class="menu-item">
<a href="#">4291TLVPRG</a>
</li>
</ul>
</div>
</div>
</div>
</div>
您删除所有拥有它的人并仅添加您单击的元素。
好东西还需要检查。