我们知道,jquery中我们在指定元素的后面,或者前面添加一些HTML标签和标签内容,但是,在添加的过程中,当我们涉及到比如,添加的HTML标签里面有我们想用的变量,那么,当我们添加的时候可能会有一些小的陷阱。下面我就举例说明一下:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title></title>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
</head>
<body>
<table border="1px solid" cellspacing="0px">
<thead>
p1806学生成绩
</thead>
<tbody>
<tr>
<th>姓名</th><th>成绩</th>
</tr>
</tbody>
<tfoot>
<tr #id="tr1">
<td>
姓名:<input id="name" >
</td>
<td>
成绩:<input id="score" >
</td>
</tr>
<tr>
<td colspan="2">
<input type="submit" value="点击提交" >
</td>
</tr>
</tfoot>
</table>
<script>
$('input:last').click(
function () {
var a=$("#name").val()
var b=$("#score").val()
$('tbody tr:last').after('<tr><td>'+a+'</td>' +
'<td>'+b+'</td></tr>')
}
)
</script>
</body>
</html>
这个简单的HTML是简单的动态提交成绩的功能,当然,这里没有把提交框清零,但是,在我们想要将我们取出来的变量值放进标签里面的时候,如果单独放进去,没有问题,但是一旦放进标签内部,他就会是一个a,而不是我们所要的a的变量的值,此时,我们可以用+号连接,解决这个问题。总结下来就是,只有放在引号外面,才叫变量,引号内部统统都会按照字符串处理。