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

【问题标题】：How to show particular div using jQuery [duplicate]如何使用jQuery显示特定的div [重复]
【发布时间】：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();

如何获得？

【问题讨论】：

标签： jquery

【解决方案1】：

您需要使用attribute equals selector

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

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

$(".companyname[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" >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 很高兴帮助快乐的编码伙伴 :)