隐藏 div 具有相同的类答案

【问题标题】：hide div have same class隐藏 div 具有相同的类
【发布时间】：2021-12-14 12:57:45
【问题描述】：

我有一个这样的 HTML 代码

$(".data-currency="XRP").hide()

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class="btn-balance dropdown-toggle p-0 m-0" type="button" id="balance" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    
<div class="currency-item mb-50 d-flex justify-content-between " data-currency="USDT" data-balance="0.45229969" data-image="/images/coins/6.png">
</div>

<div class="currency-item mb-50 d-flex justify-content-between " data-currency="XRP" data-balance="0.00188158" data-image="/images/coins/7.png">
</div>

<div class="currency-item mb-50 d-flex justify-content-between " data-currency="BCH" data-balance="0.00000347" data-image="/images/coins/8.png">
</div>

我想从控制台隐藏 data-currency="XRP" 但没有用。

谢谢。

【问题讨论】：

您需要$('[data-currency="XRP"]')。 . 用于选择一个类，您有 3 个 " 它应该是 2 或 4，具体取决于您的代码。提示，下次看看你的控制台，因为它在大多数情况下会告诉你错误。
你好。对不起。它还是一样的。没有隐藏。
@OmKador，你能检查我发布的答案并确认它是否按预期工作吗？
不起作用。它说 _.fn.init[etccc
document.getElementsByClassName('currency-item mb-50 d-flex justify-content-between')[3].style.visibility='hidden';

标签： html jquery console dropdown

【解决方案1】：

检查下面的sn-p。您需要使用$('[data-currency="XRP"]').hide()，而不是$('.[data-currency="XRP"]').hide()，因为.选择器用于类

function hide() {
  $('[data-currency="XRP"]').hide()
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class="btn-balance dropdown-toggle p-0 m-0" type="button" id="balance" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Some button
</button>
    
<div class="currency-item mb-50 d-flex justify-content-between " data-currency="USDT" data-balance="0.45229969" data-image="/images/coins/6.png">
USDT
</div>

<div class="currency-item mb-50 d-flex justify-content-between " data-currency="XRP" data-balance="0.00188158" data-image="/images/coins/7.png">
  XRP
</div>

<div class="currency-item mb-50 d-flex justify-content-between " data-currency="BCH" data-balance="0.00000347" data-image="/images/coins/8.png">
  BCH
</div>

<button onclick="hide()">Click to hide XRP</button>

【讨论】：