jq怎么获取页面代码包括input的值

Question

$('html').html()只能获取到页面的代码，如果input输入了内容，获取不到的，怎么才能把页面代码和input的value一起获取呢

  console.log($('html').html())
  console.log($("#test").val())

Answer 1

你要搞明白jq 的 .val()的作用；在取值的情况下确实都够取到；但是并没有赋值上去；你先赋值；在打印　.html() 才能看到

<input type="text" class="input">

------------------------------------
 $(".input").attr('value',$('.input').val())
 console.log($("html").html());

Answer 2

$(document).keyup(function (event) {
    console.log($('html').html())
    console.log($("#test").val())
});

Answer 3

<input type="text" id="test">

// 输入的时候保存输入值
$("#test").keyup(function(){
    $(this).attr("value",$(this).val());
})

// 再取值
console.log($('html').html())
console.log($("#test").attr("value"))

Answer 4

代码顺序问题