0

私のタイトルがおかしくなったらごめんなさい。

マウスホバーで呼び出されるjquery関数があります。すべての html タグに一意の ID があれば、問題なく実行できます。繰り返しの完全な無駄のように思えます

マウスオーバーで呼び出しているjquery

$('#ex1').zoom();
$('#ex2').zoom();
$('#ex3').zoom();
$('#ex4').zoom();
$('#ex5').zoom(); 
$('#ex6').zoom();
$('#ex7').zoom();
$('#ex8').zoom();
$('#ex9').zoom();

私のHTML

<ul id="grid">   
  <li><div class="title">1</div><a href="#" class="zoom" id="ex1"><img src="1.jpg"><span></span></a></li>
  <li><div class="title">2</div><a href="#" class="zoom" id="ex2" ><img src="2.jpg"><span></span></a></li>
  <li><div class="title">3</div><a href="#" class="zoom" id="ex3"><img src="3.jpg"><span></span></a></li>
  <li><div class="title">4</div><a href="#" class="zoom" id="ex4"><img src="4.jpg"><span></span></a></li>
  <li><div class="title">5</div><a href="#" class="zoom" id="ex5"><img src="5.jpg"><span></span></a></li>
  <li><div class="title">6</div><a href="#" class="zoom" id="ex6"><img src="6.jpg"><span></span></a></li>
  <li><div class="title">7</div><a href="#" class="zoom" id="ex7"><img src="7.jpg"><span></span></a></li>
  <li><div class="title">8</div><a href="#" class="zoom" id="ex8"><img src="8.jpg"><span></span></a></li>
  <li><div class="title">9</div><a href="#" class="zoom" id="ex9"><img src="9.jpg"> <span></span></a></li>
 </ul>
4

2 に答える 2

1

が他の場所で使用されている場合.zoomは、使用できます

$("[id^=ex]")IDがexで始まるすべての要素を選択するか、クラスを使用できますが、より具体的です:

$("#grid li a.zoom")zoomクラスを持つul#grid要素のみを選択します。

于 2013-07-24T23:24:07.643 に答える