使用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"); });