如何在jQuery中创建div元素?


当前回答

我认为这是添加div的最佳方法:

要将测试div附加到ID为div_ID的div元素,请执行以下操作:

$("#div_id").append("div name along with id will come here, for example, test");

现在将HTML附加到这个添加的测试div中:

$("#test").append("Your HTML");

其他回答

您可以使用append(添加到父级的最后一个位置)或prepend(添加到其父级的第一个位置):

$('#parent').append('<div>hello</div>');    
// or
$('<div>hello</div>').appendTo('#parent');

或者,可以使用不同答案中提到的.html()或.add()。

这个怎么样?这里,pElement指的是您希望该div位于其中的元素(作为!:的子元素)。

$("pElement").append("<div></div");

您可以很容易地在字符串中向该div添加更多内容-属性,内容,您可以命名它。请注意,对于属性值,您需要使用正确的引号。

我认为这是添加div的最佳方法:

要将测试div附加到ID为div_ID的div元素,请执行以下操作:

$("#div_id").append("div name along with id will come here, for example, test");

现在将HTML附加到这个添加的测试div中:

$("#test").append("Your HTML");

下面是另一种使用jQuery创建div的技术。

元素克隆

假设您的页面中有一个现有的div,您希望使用jQuery克隆该div(例如,在表单中多次复制输入)。你可以这样做。

$('#clone_button').click(function(){$(“#clone_wrapper div:first”).clone().append('克隆').appendTo($(“#clone_wrapper”));});<script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js“></script><div id=“clone_wrapper”><div>Div公司</div></div><button id=“clone_button”>克隆我</按钮>

我希望这对代码有帮助。:)(我使用)

function generateParameterForm(fieldName, promptText, valueType) {
    //<div class="form-group">
    //<label for="yyy" class="control-label">XXX</label>
    //<input type="text" class="form-control" id="yyy" name="yyy"/>
    //</div>

    // Add new div tag
    var form = $("<div/>").addClass("form-group");

    // Add label for prompt text
    var label = $("<label/>").attr("for", fieldName).addClass("control-label").text(promptText);

    // Add text field
    var input = $("<input/>").attr("type", "text").addClass("form-control").addClass(valueType).attr("id", fieldName).attr("name", fieldName);

    // lbl and inp => form
    $(form).append(label).append(input);

    return $(form);
}