javascript - jQuery 中具有相同类的多个按钮

Question

我的页面上有多个具有相同类的按钮，现在当我尝试在按钮的单击事件上调用方法时，该方法将对所有按钮执行，因为它们具有相同的类。

我的页面上的按钮是动态创建的，因此我无法为每个按钮提供不同的类。

我正在寻找一种方法，仅在单击具有给定类的第一个元素时执行某些特定方法。

Answer 1

通过使用 Jquery 的 .first()函数中，您可以获取第一个元素，然后只将单击事件绑定(bind)到它。

$(".sameClass").first().on("click", function() { console.log("clicked"); });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="sameClass">Button 1</button>
<button class="sameClass">Button 2</button>
<button class="sameClass">Button 3</button>