javascript - 点击按钮后input的值没给 span,输出为undefind是怎么回事？

Question

姓名	<input type="text" value="">

<button onclick="aa()">按钮</button> <script> function aa(){ $("#t3 input").replaceWith("<span class='sp1'></span>"); $('#t3 .sp1').text($('#t3 input').val()); console.log($('#t3 input').val()); } </script>

Answer 1

因为你在设置span值的时候获取的是输入框里的值，但是这个输入框已经被span元素替换了，文档里没有这个节点，自然得不到值，应该在替换前先将输入框的值保存在一个变量里，或者直接在替换时就设置这个span元素的值

Answer 2

请将替换之前的val保存到一个temp中，然后再替换