-2

このコードを使用して、mousemove イベントが起動されたときに 1 つのリンクを表示します

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

このコードをすべての画像に適用したい、つまり:articlesdata\\:0\\:article-imageなどarticlesdata\\:1\\:article-imageなどarticlesdata\\:2\\:article-image :すべて整数

どうすればそれを達成できますか

ありがとうございました

4

3 に答える 3

0

属性セレクターを使用する^

これは、指定された文字列で始まる値を持つ id を選択します。

これを試して

$([id^='articlesdata']).mousemove(function(){
   .....
于 2013-03-28T17:42:08.917 に答える
0

それらをすべて選択する最善の方法は、それらに共通のクラスを与えることです。

<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();
})
于 2013-03-28T17:44:01.050 に答える
0

画像の 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。

デモンストレーション

于 2013-03-28T17:44:31.133 に答える