使用jquery设置输入html字符串的值

Question

我在这样的字符串中有HTML片段:

var htmlString = '<input type="text" id="someID" name="someID">';

我如何使用jQuery设置其值,以便HTML最终如下:

'<input type="text" id="someID" name="someID" value="newValue">';

谢谢,斯科特

Answer 1

$(htmlString).attr("value", "newValue");

但是这将返回jQuery对象,而不是字符串.您可以将其添加到DOM.

$(htmlString).attr("value", "newValue").appendTo("body"); // you can give any element instead of body

编辑:

你可以使用@ idor_brad的方法.这是最好的方式或

var htmlString = '<input type="text" id="someID" name="someID">';

var $htmlString = $(htmlString);
$htmlString.attr("value1", "newValue1");
$htmlString.attr("value2", "newValue2");
$htmlString.attr("value3", "newValue3");

console.log($htmlString.get(0).outerHTML);

要么

var htmlString = '<input type="text" id="someID" name="someID">';

var $htmlString = $(htmlString);
$htmlString.attr("value1", "newValue1");
$htmlString.attr("value2", "newValue2");
$htmlString.attr("value3", "newValue3");

console.log($("<div>").append($htmlString).html());

Answer 2

您首先需要将您的元素添加到DOM(即您的网页).例如:

$(".container").append(htmlString);

然后你可以访问你input的jquery对象并添加value属性,如下所示:

$("#someID").val("newValue");

- 见演示 -