javascript - 更改 HTML 输入值并使用 jQuery 获取 HTML 字符串

Question

假设我有 var x = "<input type='number' />" 。所以这是一个字符串。我想要的是为该输入设置一个值，最后得到一个像这样的字符串:

var y = "<input type='number' value='some value' />"

我尝试过不同的方法，但没有一个能达到我想要的效果。我已经尝试过:

function myFunction(){
   $(x).val(5)
   console.log(x)
   //I get an object array
}

我不想将元素附加到 DOM，只想要 HTML 字符串

Answer 1

您可以使用 attr() 在 HTML 中设置属性，如果您希望返回字符串，则使用 outerHTML ，否则您将在控制台记录 jQuery 对象，这确实是一个对象。

var x = "<input type='number' />";

var y = $(x).attr('value', '5');

console.log( y.get(0).outerHTML )

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>