如何使用jQuery显示特定的div [重复]

Posted 2023-03-05

【中文标题】如何使用jQuery显示特定的div [重复]

【英文标题】：How to show particular div using jQuery [duplicate]

【发布时间】：2016-12-31 09:57:03

【问题描述】：

<div class="companyname" data-companyname="abc" ></div>
<div class="companyname" data-companyname="xyz" ></div>
<div class="companyname" data-companyname="pqr" ></div>

我只需要显示 data-companyname="abc" div .... 所以我在 jQuery 中使用了以下方式

$(".companyname").attr('abc').show();

如何获得？

【参考方案1】：

您需要使用attribute equals selector

选择具有指定属性且值恰好等于某个值的元素

$(".companyname[data-companyname=abc]").show();

$(".companyname[data-companyname=abc]").show();

.companynamedisplay:none

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="companyname" data-companyname="abc" >abc</div>
<div class="companyname" data-companyname="xyz" >xyz</div>
<div class="companyname" data-companyname="pqr" >pqr</div>

【参考方案2】：

试试这个：使用如下属性选择器

$(".companyname[data-companyname='abc']").show();

【参考方案3】：

$('div[data-companyname="abc"]').show()

.companyname 
  display: none

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="companyname" data-companyname="abc">1</div>
<div class="companyname" data-companyname="xyz">2</div>
<div class="companyname" data-companyname="pqr">3</div>

使用属性选择器

【讨论】：

@SHERINAS 很高兴帮助快乐的编码伙伴 :)