1

を表示するためのコードを以下に示しますAdd to Cart onmouseover。同様の ID のアイテムが 1 つしかない場合は完全に機能しますが、特定の状況ではproduct、同じページに同じアイテムが複数回表示される可能性がありAdd to Cart、現在のオブジェクトにボタンが表示されずelement、その特定の最初に表示されIDます。

## Category A ##
<div onmouseover="document.getElementById('addtocart1').style.display='block'" onmouseout="document.getElementById('addtocart1').style.display='hidde'">

<span style="display:none;" id="addtocart1"></span>
          Product A
</div>

## Category B ##
<div onmouseover="document.getElementById('addtocart1').style.display='block'" onmouseout="document.getElementById('addtocart1').style.display='hidde'">

<span style="display:none;" id="addtocart1"></span>
       Product A
</div>

display:blockユーザーが服用するrespective objectたびに設定するにはどうすればよいですかmouse

ありがとう

4

2 に答える 2

1

質問に関するコメントの 1 つに記載されているように、要素 IDは一意である必要があります。すべてのオブジェクトに共通のものを持たせたい場合は、すべてのオブジェクトにクラスを与えてみてください。そうすれば、そのクラスdocument.getElementsByClassNameを持つすべての要素を含む配列が返されます。次に、その配列をループして、必要なことを何でも実行します。また、複数行のコードを実行することになるため、これらすべてをonmouseoverand と呼ばれる関数に入れたいと思うでしょう。onmouseout

あるいは、JQueryのようなものを使用する場合は、CSS セレクターを使用してクラスを取得し、そのクラスを持つすべての要素にその関数を適用します。$('.className').mouseover(function)$('.className').mouseout(function)

于 2013-10-03T16:17:59.427 に答える