Question

我有form。如何在input中添加label和div个元素？

<form id="registration" action="" method="post" novalidate="novalidate">
    <label for="id_email">Email:</label>
    <input id="id_email" class="formControl" type="text" name="email" maxlength="60">

    <label for="id_phone_number">Phone number:</label>
    <input id="id_phone_number" class="formControl" type="text" name="phone_number" maxlength="10">

    <label for="id_zip_code">Zip Code:</label>
    <input id="id_zip_code" class="formControl" type="text" name="zip_code" maxlength="5">

    <label for="id_first_name">Name:</label>
    <input id="id_first_name" class="formControl" type="text" name="first_name" maxlength="255">

    <label for="id_last_name">Surname:</label>
    <input id="id_last_name" class="formControl" type="text" name="last_name" maxlength="255">

    <label for="id_password_reg">Password:</label>
    <input id="id_password_reg" class="formControl" type="password" name="password">

    <label for="id_confirmpassword">Confirm Password:</label>
    <input id="id_confirmpassword" class="formControl" type="password" name="confirmpassword">

    <input class="btn btnPrime btnBlock" type="submit" value="Send">
</form>

Answer 1

$("div").append("<label></label>");
$("div").append("<input/>");

这样可以解决问题这会在页面上的所有label附加input和div。使用id或class作为选择器可获得更精确的结果

Answer 2

要将label和input的组合与您的示例html一起打包div，您可以使用wrapAll：

$(function() {
    $("form#registration label").each(function() {
       $(this).add($(this).next()).wrapAll("<div></div>");

       // or select the input by ID instead of '.next()'
       // var input = $("input#" + $(this).attr("for"));
       // $(this).add(input).wrapAll("<div></div>");
    });
});

https://jsfiddle.net/5x7jrvmx/

我怎样才能在div中添加输入和标签

2 个答案: