许多按钮,jquery

Question

jQuery:

$("#direction").click(function() {
    var direction = $(this).text();
    alert(direction);
}

HTML

<button id="direction">South</button>
<button id="direction">North</button>

只有第一个按钮提醒文本.我不明白为什么.我怎样才能解决这个问题？

Answer 1

你不能有两个具有相同id的元素,你可以做的是给它们相同的类,然后在其上添加事件处理程序.

例:

<button class="directionBtn">South</button>
<button class="directionBtn">North</button>

$(".directionBtn").click(function() {
                var direction = $(this).text();
                alert(direction);
});