jquery匹配类

在这种情况下，我需要将唯一生成的ID名称的一部分与具有相同ID的div的部分进行匹配，但该部分是用css隐藏的

因此

<a class="popup" id="productTip348_27598" href="#">Link text</a>

以及：

。。。

我的想法是，通过将鼠标悬停在链接上，可以使div.popupContent具有与magic相同的ID。将有多个元素具有相同的类，只是ID不同

---

不幸的是，我不是jQuery向导，因此我正在寻求一些帮助。

正如注释中所述，您的示例使用了重复的

id

属性，这是无效的

相反，请尝试将div的

id

放在

a

元素的

href

属性中：

<a class="popup" href="#productTip348_27598">Link text</a>

---

正如注释中所述，您的示例使用了重复的

id

属性，这是无效的

相反，请尝试将div的

id

放在

a

元素的

href

属性中：

<a class="popup" href="#productTip348_27598">Link text</a>

---

.popupContent

是否放置在

.popup

元素中？若有,

$(document).ready(function() {

  $('.popup').hover(
    function() { // Triggered on both mouseenter and mouseleave events
      $(this).find('.popupContent').toggle();
    }
  );

});

“具有相同ID的div.popupContent”

---

ID是唯一的，不能与其他元素共享。

是否将

.popupContent

放在

元素中？若有,

$(document).ready(function() {

  $('.popup').hover(
    function() { // Triggered on both mouseenter and mouseleave events
      $(this).find('.popupContent').toggle();
    }
  );

});

“具有相同ID的div.popupContent”

ID是唯一的，不能与其他元素共享。
这是我在朋友的帮助下得出的结果

更改了分配给悬停元素的类的名称。
将弹出窗口的ID更改为数据ID，因此它同时更加独特和有效

$(".popupLink").hover(function(){
    var selectedId = $(this).attr("id");
    $('[data-id='+selectedId +']').toggle()
});

有了这一点，我就能够实现我的目标

不过，感谢那些为这个主题提供意见的人。非常感谢。：）
 这是我在朋友的帮助下得出的结果

更改了分配给悬停元素的类的名称。
将弹出窗口的ID更改为数据ID，因此它同时更加独特和有效

$(".popupLink").hover(function(){
    var selectedId = $(this).attr("id");
    $('[data-id='+selectedId +']').toggle()
});

有了这一点，我就能够实现我的目标

不过，感谢那些为这个主题提供意见的人。非常感谢。：）
 您说“ID是变化的”，但您显示的是具有相同ID的两个不同元素，这是非法的，可能/将导致意外结果。您说“ID是变化的”，但您显示的是具有相同ID的两个不同元素，这是非法的，可能/将导致意外的结果。你是对的-我不得不对代码进行一些修改，并切换一些值以使其正常工作（并且有效）。相反，我得到了一个更好的结果，在下面的评论中。不过，谢谢你帮忙。：）你说得对——我不得不对代码进行一些修改，并切换一些值以使其正常工作（并且有效）。相反，我得到了一个更好的结果，在下面的评论中。不过，谢谢你帮忙。：）你是对的，我必须修改代码使其工作。你是对的，我必须修改代码使其工作。