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

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

var htmlString = ''; 

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

 ''; 

谢谢,斯科特

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

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

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

编辑:

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

 var htmlString = ''; var $htmlString = $(htmlString); $htmlString.attr("value1", "newValue1"); $htmlString.attr("value2", "newValue2"); $htmlString.attr("value3", "newValue3"); console.log($htmlString.get(0).outerHTML); 

要么

 var htmlString = ''; var $htmlString = $(htmlString); $htmlString.attr("value1", "newValue1"); $htmlString.attr("value2", "newValue2"); $htmlString.attr("value3", "newValue3"); console.log($("
").append($htmlString).html());

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

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

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

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

– 见演示 –

你只想操纵字符串,对吧? 有很多方法可以给这只猫上皮,但是

 var newString = htmlString.replace('>', ' value="newValue">'); 

在dom准备好之后,将您的输入附加到body,然后使用id =“someID”获取输入并将其值设置为newValue

  $(document).ready(function(){ $("body").append(htmlString); $("#someID").val("newValue"); });