Javascript 单击div时运行函数

我有两个div，我试图在每次单击该div时添加该选项，并显示警报。这是我正在使用的javascript代码

$('.pre').click(function() {
    alert("Pre");
});

$('.back').click(function() {
    alert("back");
});

这是我正在使用的HTML

<div class="lb_controls">
  <div id="pre"><span class="lb_previous">&lt;</span></div>
       <span class="lb_title">Ornamental Lights</span>
  <div id="back"><span class="lb_next">&gt;</span></div>   
</div>

装饰灯

目前我有一个演示。它是

我想知道这是否是最好的方法，与其使用两个div，不如使用它们来处理图像？你觉得怎么样

---

提前感谢

您使用的是IDs，但指向JS中的类

JS:

---

您正在使用类选择器。但是“pre”和“back”是id

---

如果您使用这样的类

标记：

<div id="pre" class="pre"><span class="lb_previous">&lt;</span></div>
<div id="back"  class="back"><span class="lb_next">&gt;</span></div> 

$('.pre').click(function() {
    alert("Pre");
});
$('.back').click(function() {
    alert("back");
});

$('#pre').click(function() {
        alert("Pre");
    });
    $('#back').click(function() {
        alert("back");
    });

使用ID:

<div id="pre" class="pre"><span class="lb_previous">&lt;</span></div>
<div id="back"  class="back"><span class="lb_next">&gt;</span></div> 

$('.pre').click(function() {
    alert("Pre");
});
$('.back').click(function() {
    alert("back");
});

$('#pre').click(function() {
        alert("Pre");
    });
    $('#back').click(function() {
        alert("back");
    });

---

为什么使用图像会更好？要么你想要图像，要么你想要元素，但一个并不比另一个好，这取决于你想要什么/需要什么，这有点像问黄色汽车比红色汽车好吗？@adeneo他问的是Javascript，如果其中一个不起作用，哪种方式会导致函数运行。。。或者类似的东西。是的，我尝试用javascript，但是如果它不起作用，图像会起作用吗？顺便问一下，为什么在html中给出id，在jquery中调用类？不，如果它不起作用，图像也不会起作用。错误的选择器是错误的选择器，不管你使用什么元素，我认为这是打字错误。@adamj：我不认为这个词的意思和你认为的一样。@BoltClock该死！我的英语不及格！我在找什么词我不知道哈哈