<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
</head>
<body>
<form>
<label>
<input id="txt" type="text" name="UserName" placeholder="请输入姓名">性别:
<select id="sex">
<option>女</option>
<option>男</option>
</select>
</label>
<input id="show-btn" type="button" value="显示数据">
</form>
<ul id="list"></ul>
<script>
var json=[{
"name": $("#txt").val(),
"sex": $("#sex").val()
}];
$("#show-btn").click(function(){
$.each(json,function(i){
$("#list").append("<li>姓名："+json[i].name+" 性别:"+json[i].sex+"</li>");
});
});
</script>
</body>
</html>
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Please put var json=[xxxxx] ;
into the click function
Did the poster not describe the problem clearly? I thought you were talking about the usage of each
==================================================== =====
Do you mean you don’t want to use subscripts in callbacks?
The above picture is JQuery’s each method
You can use this in the callback to get the object currently looped to
or use the second parameter in the callback