javascript - jQuery ID 选择器

Question

如果我在ID为#ASC-01的img上使用鼠标输入，我想向具有相同ID但具有不同路径的li添加类，可以这样做吗？我的意思是在大括号中写一个路径，请参阅代码。

    $(".pile img#ASC-01").mouseenter(function(){
    $(".option ul li#ASC-01").addClass("highlight_option");
});

感谢您的帮助

Answer 1

是的，这是可能的，但这不是解决这个问题的一个好的解决方案/方法。 DOM 中不能有两个具有相同 id 的元素。

我建议您这样做:

1. 不要为图像提供重复的 ID，而是添加一个属性 引用 li 对象，如下所示:

   <img src="foo.jpg" imageFor="ASC-01">
   

2. 然后在事件触发时，像这样查询 li:

   $(".pile img").mouseenter(function(){
       imageLiFor = $(this).attr('imageFor');
       $("#"+imageLiFor).addClass("highlight_option");
       // Note that you don't need the ".option ul li" anymore because you have a unique id.
   });
   

这样您就可以摆脱重复的 id，并保持代码干净且易于理解。

希望我有所帮助。祝你今天过得愉快! :-)