javascript - jQuery 无法从 $(this) 按钮单击获取 id

标签 javascript jquery html

我正在尝试使用 jQuery (this) 获取单击的按钮的 ID,并将该 ID 传递给函数以执行某些操作。我有三个按钮,它们的 ID 都不同,我希望在学习时使用 $(this) 但无论我尝试什么方式都无法让它工作 这是代码

<html>
<title>QuizMaster</title>
<head>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<script src="jquery-3.1.0.min.js"></script>
<script>
	function player(x){
		var player = x;
		console.log(player);
	}

	$(document).ready(function(){
		$('#button').click(function(){
			var x = $(this).id;
			player(x);
		});
	});
</script>
</head>
<body>
	<form id='button'>
		<input type='button' id='reset' value='Reset'>
		<input type='button' id='player1' value='Player1'>
		<input type='button' id='player2' value='Player2'>
	</form>
</body>
<html>

最佳答案

我认为你应该听输入元素而不是#button。您应该使用 .attr()

获取 id
$(document).ready(function(){
        $('#button input').click(function(){
            var x = $(this).attr("id");
            player(x);
        });
    });

关于javascript - jQuery 无法从 $(this) 按钮单击获取 id,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51100292/

相关文章:

php - 向 WooCommerce 中的特定产品添加额外的添加到购物车按钮

Jquery 删除类、添加类

javascript - 如何在javascript中将天数添加到现在的日期?

javascript - 如何将通过 ajax 加载的元素附加到之前通过 ajax 加载的另一个元素?

javascript - 手动在autoptimize插件中加载JS

javascript - jQuery - 隐藏元素的最佳方式? (以防止元素在实际隐藏之前闪烁)

jquery - 输入无效值时向输入字段添加图标

jquery - 如何使 Uploadify 队列可滚动

php - 带有单选按钮的 Mysql 更新数据库

javascript - AngularJS - 模块依赖,命名冲突