绑定有在指定div块里有指定class的button元素到一个函数并向该函数传递此button的id
您可以使用JavaScript来实现这个功能。以下是一个示例代码:
HTML代码:
<div id="myDiv">
<button id="button1" class="myButton">Button 1</button>
<button id="button2" class="myButton">Button 2</button>
<button id="button3" class="myButton">Button 3</button>
</div>
JavaScript代码:
// 获取指定div块
var myDiv = document.getElementById("myDiv");
// 获取具有指定class的button元素
var buttons = myDiv.getElementsByClassName("myButton");
// 绑定点击事件处理函数到每个button元素
for (var i = 0; i < buttons.length; i++) {
buttons[i].addEventListener("click", function() {
myFunction(this.id); // 向函数传递button的id
});
}
// 处理函数
function myFunction(buttonId) {
console.log("Clicked button with id: " + buttonId);
}
在这个示例中,我们首先通过getElementById方法获取了指定的div块。然后,我们使用getElementsByClassName方法找到具有指定class的所有button元素,并将它们存储在buttons变量中。
接下来,我们使用一个循环将点击事件处理函数绑定到每个button元素上。在这个处理函数中,我们调用了myFunction函数并传递了当前点击的button的id作为参数。
最后,我们定义了myFunction函数来处理点击事件,它会打印出被点击的button的id。
您可以根据自己的需求修改myFunction函数来执行您想要的操作
原文地址: http://www.cveoy.top/t/topic/hTvL 著作权归作者所有。请勿转载和采集!