第一个我希望在单击上面列表中的按钮时显示名称（alert或console.log）
$("button").on("click", function(){ var buttonClicked = $("button").attr("name"); alert("Button CLicked: " + buttonClicked); })
dauxcl2d1#
您 已经 将 $("button") 作为 eventlistener 调用 。 请 使用 $(this) ， 而 不要 在 变量 初始 化 中 调用 另 一 个 $("button")
$("button")
eventlistener
$(this)
var buttonClicked = $(this).attr("name");
中 的 每 一 个第 一 次
hs1ihplo2#
<body> <h1 class="titleClass">jQuery</h1> <div class="buttonClass"> <button name="up_button" id="upB" class="upDown">A</button> <button name="left_button" id="leftB" class="leftRight">B</button> <button name="right_button" id="rightB" class="leftRight">C</button> <button name="down_button" id="downB" class="upDown">D</button> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script > $("button").on("click", function(e){ var buttonClicked = $("button").attr("name"); console.log(e.target.name) }) </script> </body>
只需要有一个带事件参数的事件处理程序，并使用event.target.value来获取被单击的按钮的值。
event.target.value
rdlzhqv93#
试试这个：
$(".buttonClass").on("click", function (event) { var buttonClicked = event.target.name; alert("Button CLicked: " + buttonClicked); });
ghg1uchk4#
$("button").on("click", function(){ var buttonClicked = $(this).attr("name"); alert("Button CLicked: " + buttonClicked); })
$（this）将选择被单击按钮的对象
4条答案
按热度按时间dauxcl2d1#
您 已经 将
$("button")作为eventlistener调用 。 请 使用$(this)， 而 不要 在 变量 初始 化 中 调用 另 一 个$("button")中 的 每 一 个
第 一 次
hs1ihplo2#
只需要有一个带事件参数的事件处理程序，并使用
event.target.value来获取被单击的按钮的值。rdlzhqv93#
试试这个：
ghg1uchk4#
$（this）将选择被单击按钮的对象