如何在不使用class或id的情况下从一组按钮中定位按钮
的例子:
<body>
<button>Click Me</button>
<button>Click Me</button>
<button class="food">Click Me</button>
<button>Click Me</button>
<button>Click Me</button>
<input type="text">
<!--
<script src="ajax.googleapis.com/ajax/libs/jquery/3.6.0/…>
<script src="index.js"></script>
-->
</body>
使用JQuery，只有当按钮有唯一的innerText或innerHTML，你可以预测，这将是可能的。
使用下面的HTML示例:
<div>
<button>Button1</button>
<button>Button2</button>
<button>Button3</button>
<button>Button4</button>
</div>你需要使用JQuery抓取所有的标签，然后根据他们的innerHTML或innerText过滤，这取决于什么是在按钮标签。
见下面的JS:
// Assuming you want 'Button 1'
for(let el of $("button")){
if(el.innerText === 'Button1') el.addEventListener() // Then from here do the rest
}有很多方法，你可以使用onclick方法内联Html。粗糙的方式——
<script>
function function1(){
alert ('Button1')
}
function function2(){
alert ('Button2')
}
function function3 (){
alert ('Button3')
}
</script>
</head>
<body>
<button onclick="function1()">Button 1</button>
<button onclick="function2()">Button 2</button>
<button onclick="function3()">Button 3</button>
</body>