Использование уникальных идентификаторов в div для показа / скрытия в 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

Идентификатор должен быть уникальным. Попробуйте использовать класс в качестве селектора.

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