具有相同id get名称的多个元素

Question

我有多重元素

<a href='#' id='Favorites[]' name='Favorites1'>1</a>
<a href='#' id='Favorites[]' name='Favorites2'>2</a>
<a href='#' id='Favorites[]' name='Favorites..'>..</a>
<a href='#' id='Favorites[]' name='Favorites1000'>1000</a>

我试图获取单击元素的名称。

$("#Favorites").on('click', function() {
    alert(this.name);
}); 

但是它只适用于第一个元素，其他元素对单击事件没有反应。

怎么解决这个问题？

Answer 1

id应该是唯一的，所以您需要使用class，否则它只会选择带有id的第一个dom元素。

​

$(".Favorites").on('click', function() {
  alert(this.name);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<a href='#' class='Favorites' name='Favorites1'>1</a>
<a href='#' class='Favorites' name='Favorites2'>2</a>
<a href='#' class='Favorites' name='Favorites..'>3</a>
<a href='#' class='Favorites' name='Favorites1000'>4</a>

​

Answer 2

我认为问题是jquery选择器#热门只打算找到一个带有该值的'id‘，因此其他的都被忽略了。

您可以考虑将“最喜欢的”转换为一个类，如：

<a href='#' class='Favorites' name='Favorites1'>1</a>
<a href='#' class='Favorites' name='Favorites2'>2</a>
<a href='#' class='Favorites' name='Favorites..'>..</a>
<a href='#' class='Favorites' name='Favorites1000'>1000</a>

然后使用

$('.Favorites').on('click', function() {
    alert(this.name);
});

我非常肯定，每个dom应该只有一个id属性，并且通常有一个特定的值。id.aspw3schools id属性文档