如何在jQuery中获取具有特定数据ID的特定div [重复]

Posted

技术标签:

【中文标题】如何在jQuery中获取具有特定数据ID的特定div [重复]【英文标题】:how to get a specific div with a specific data-id in jQuery [duplicate] 【发布时间】:2019-05-20 08:02:57 【问题描述】:

我有 3 个 div

<div class="content" data-id="Java"><button onclick=" onclick="alert('hi')">Java</button></div>
<div class="content" data-id="php"><button onclick="alert('hi')">Php</button></div>
<div class="content" data-id="C++"><button onclick="alert('hi')">C++</button></div>

我想获取带有 data-id="Java" 的 div 并在 jQuery 中更改其中按钮的 onclick

【问题讨论】:

虽然 David 的建议是正确的,但您应该为您尝试的 JS 付出一些努力;) 虽然重复的是name,但name是一个属性,就像data-id 【参考方案1】:
$('.content[data-id="Java"]') 

会选择你想要的元素

$('.content[data-id="Java"] > button').hide()

将按钮隐藏在里面

【讨论】:

如果您希望避免进行某种青少年积分竞赛,这是有道理的。投票应该反映社区的感知价值,仅此而已。显然你的赞成是因为你认为这个问题有价值,这很好,但你不需要评论它并使它成为别的东西。这就是我的全部。

以上是关于如何在jQuery中获取具有特定数据ID的特定div [重复]的主要内容,如果未能解决你的问题,请参考以下文章

如何在jQuery中获取对具有特定值的表行的引用

JQuery 选择器:如何选择具有特定类 * 和 * id 的项目

如何使用jquery知道是不是存在具有特定ID的div [重复]

如何通过 id 合并多个列表并获取特定数据?

如何获取具有特定名称/值的所有变体ID

如何使用 jQuery 选择具有特定文本的中间节点:包含选择器?