Question

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

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

我想对所有图片应用此代码，我的意思是：articlesdata\\:0\\:article-image和articlesdata\\:1\\:article-image以及articlesdata\\:2\\:article-image等等：所有整数

我怎样才能实现

谢谢

Answer 1

将attribute selector与^

一起使用

这将选择id，其值始于给定字符串。

试试这个

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

Answer 2

选择它们的最佳方法是给他们一个共同的课程。

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

然后按类选择：

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

或使用原始代码：

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

Answer 3

假设您的图片的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();
     }
});

但我建议使用mousemove而不是mouseenter。

Demonstration

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

3 个答案: