Javascript 使用jquery选择器浏览所有图像

我使用此代码在启动mousemove事件时显示一个链接

$('#articlesdata\\:0\\:article-image').mousemove(function(){
                $('#articlesdata\\:0\\:article-suppr').show();
            });

我想将此代码应用于所有图像，我的意思是：

articlesdata\\\：0\\：article image

和

articlesdata\\：1\\：article image

和

articlesdata\\：2\\：article image

等等：所有整数

我怎样才能做到这一点

谢谢

与

^

这将选择一个id，其值正好以给定字符串开头

试试这个

$([id^='articlesdata']).mousemove(function(){
   .....

---

选择它们的最好方法是给它们一个公共类

<img class="article-image" id="articlesdata:0:article-image" src="foo1.jpg">

或者使用您的原始代码：

$(".article-image").mousemove(function(){
    $("#" + this.id.replace('image','suppr')).show();
})

---

假设您的图像具有id，如

articlesdata\\\：0\\：article image

或

articlesdata:0:article image

，您可以执行以下操作：

$('img').mousemove(function(){
     if (/article-image$/.test(this.id)) {
         $(document.getElementById(this.id.replace(/-image$/, '-suppr'))).show();
     }
});

但是我建议使用

mouseenter

，而不是

mousemove

---

我不熟悉这种选择器语法，在鼠标移动时对dom做这么多工作不是一个好方法idea@lbu别担心，没人知道。你从哪里得到这个密码的？什么是

：0

？你能发布你的HTML吗？那只是id。他用正确的语法选择了一个元素，你的id看起来太复杂了。你能把你自己的类添加到那些元素中，并保持ID更短吗？对不起，我不明白你的意思，你可以通过链接。。。无论如何，这将选择ID以articlesdata开头的所有元素。。我已经试过这个类了，但当我将鼠标悬停在其中一个类上时，所有的文章支持都会出现：我没有want@atbegin-但那是因为你做错了。你有没有试过我的密码？请注意我是如何通过类和id进行测试的。我使用

alert（#“+this.id.replace（'image'，'suppr'））对其进行了测试

它返回我

#articlesdata:0:article supper

，但我需要在每个

：

之前放置\\@我测试了“#”+this.id.replace（'image'，'suppr'）。replace（'：'，'\\：'））但它返回：#articlesdata\：0:article suppr，而我需要“#articlesdata\：0\：article suppr”

$('img').mousemove(function(){
     if (/article-image$/.test(this.id)) {
         $(document.getElementById(this.id.replace(/-image$/, '-suppr'))).show();
     }
});