在 div 中使用唯一的 id 在 jQuery 中显示/隐藏

Question

我在编写代码来捕获“id”名称以打开请求的 .

我有三个盒子：

<div>
<h3>Box 1</h3>
<p><a id="box2" href="#">Show Box 2</a></p>
</div>

<div id="box2">
<h3>Box 2</h3>
<p><a id="box3" href="#">Show Box 3</a></p>
</div>

<div id="box3">
<h3>Box 3</h3>
<p>TBD</p>
</div>

我试图从标签中捕获“id”，以使用该“id”打开受尊重的内容。例如， id="box2" 将打开 div id="box2"。

$(document).ready(function() {
$("div#" + getName).hide();
$('a#' + getName).click(function() {
    $('div#' + getName).show();
    return false;
  });
});

我不确定 jQuery 是否对单引号或双引号敏感，或者我是否错误地处理了这个问题。任何帮助表示赞赏。祝你度过美好的一天！

Answer 1

您不能对一页上的多个元素使用相同的“id”值。这就是“id”的意思。

将一个元素与另一个元素相关联的一种方法是使用“data-”属性：

<button data-friend="something">Click Me</button>

<div id='something'> ... </div>

jQuery 库将通过“.data()”API 为您提供“data-”属性的值：

var friend = $('button').data('something');
var friendDiv = $('#' + friend);

您还可以使用类值来将元素联系在一起。

Answer 2

ID 必须是唯一的。尝试使用类作为选择器。

$("div." + getClass).hide();