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

3

你有一个类，使用它！

$(".zoom").zoom();
于 2013-07-24T23:20:31.973 回答
1

如果在.zoom其他地方使用，您可以使用

$("[id^=ex]")这将选择 ID 以ex开头的所有元素，或者您可以使用 class 但更具体：

$("#grid li a.zoom")这将只选择ul#grid中具有缩放类的元素。

于 2013-07-24T23:24:07.643 回答