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"))