Получить выделенный текст, если у нас одинаковый идентификатор для разных элементов

Question

У меня одинаковые идентификаторы для разных элементов.как ниже

$("name").val();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="name">test 0</div>
    <div id="name">test 1</div>
    <div id="name">test 2</div>

Использование jQuery для получения теста 1 onclick элемента в консоли.

Я пытаюсь создать производственный сайтдля отслеживания веб-аналитики.

Answer 1

Вы не можете присвоить один и тот же идентификатор, если мы дадим один и тот же идентификатор другому элементу, это приведет к ошибке, идентификатор должен быть уникальным.Следовательно, мы можем использовать имя класса, которое можно использовать несколько раз.Поэтому я предлагаю вам использовать имя класса вместо идентификатора.

<div class="name1" id="name11">A</div>
<div class="name1" id="name12">B</div>
<div class="name1" id="name13">C</div>

Answer 2

изменить идентификаторы на класс:

<div class="my-div" id="test-1">content</div>
<div class="my-div" id="test-2">content 2</div>
<div class="my-div" id="test-3">content 3</div>

идентификатор является идентификатором элемента DOM и не может быть дублирован, или какой смысл в идентификаторе?

класс болееуниверсальный и может применяться к нескольким элементам.

Чтобы попасть в jQuery, мы делаем:

$('.my-div').on('click', function()
{
    console.log($(this));
});

, используя $(this), мы получаем объект, по которому щелкнули, и делаем такие вещи, как:

$(this).attr('id') или $(this).html() вернет id / html в соответствии с нажатием div с соответствующим классом my-div

Answer 3

Могут ли несколько разных элементов HTML иметь одинаковый идентификатор, если они разные?
Вместо этого используйте class:

<div class="name1">A</div>
<div class="name1">B</div>
<div class="name2">C</div>

А затем используйте селектор класса jQuery, который соответствует синтаксису CSS:

$('.name1')