将变量附加到字符串html

时间:2015-06-22 20:01:51

标签: javascript jquery html5

让我说我有这个变量:

var personalizedHTML = '<html>' +
    '<head>' +
        '<title>TODO supply a title</title>' +
        '<meta charset="UTF-8">' +
        '<meta name="viewport" content="width=device-width, initial-scale=1.0">' +
        '<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>' +
        '<script src="js/function.js" type="text/javascript"></script>' +
    '</head>' +
    '<body>' +
        '<form>' +
        '</form>' +
    '</body>' +
'</html>';

我希望在表单标记

之间添加这个
var formGroupFirstName = '<div class="form-group">' +
            '<label for="inputFirstname" class="control-label">' + desiredLanguageFirstName +
            '<span class="required">*</span></label>' +
            '<input type="text" aria-required="true" required="" placeholder="" id="inputFirstname"' +
            'class="form-control input-lg" name="first_name"/></div>';

有没有办法用jquery做到这一点?

提前感谢。

2 个答案:

答案 0 :(得分:0)

$('form').append(formGroupFirstName);

试试这个,正如@Explosion Pills所说。

答案 1 :(得分:0)

您可以使用jquery find,然后使用form属性附加innerHTML元素!这是一个小提琴http://jsfiddle.net/1oaxmrqp/1

var formele=el.html(personalizedHTML).find('form').get();
formele[0].innerHTML=formGroupFirstName;