Question

很抱歉，如果我的标题听起来很疯狂，我不确定如何查找。

我有一个用鼠标悬停调用的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>

Answer 1

你有一个课，使用它！

$(".zoom").zoom();

Answer 2

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

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

$("#grid li a.zoom")只会选择 ul 中类的 a 元素。

使用一个id调用jquery函数而不是单个id

2 个答案: