Javascript 使用JQuery为DOM的每个输入标记动态添加标签标记

1.输入元素的id属性和对应的label元素应具有for属性。这两个属性的值必须相等。为此，需要使用JQuery为DOM的每个输入标记添加标签标记

例如：

First Name :<input type="text" name="first_name" id="firstName" value="" maxlength="100" />

名字：

需要添加

<label for="firstName">First Name : <label> 
<input type="text" name="first_name" id="firstName" value="" maxlength="100" />

名字：

二,。 或者这个也可以

<label> First Name : <input type="text" name="first_name" id="firstName" value="" maxlength="100" /></label>

名字：

提前非常感谢：）：）

您可以使用类似的

jQuery（函数（$）{
$（'input'）.wrap（函数（）{
返回$（''）{
因为：这个
}).append（此.previousSibling）
})
})

演示：

---

或者像这样使用

jQuery（函数（$）{
$（'input'）。在（函数（）之前{
返回$（''）{
因为：这个
}).append（此.previousSibling）
})
})

---

演示：

嘿，非常感谢。这就是我所期待的。但是当我把你的代码复制粘贴到我的代码中时，它会给出错误：（它会带下划线。我使用aptana studio来编写脚本。我需要更改DOM。

jQuery(function ($) {
    $('input').wrap(function () {
        return $('<label />', {
            for: this.id
        }).append(this.previousSibling)
    })
})

jQuery(function ($) {
    $('input').before(function () {
        return $('<label />', {
            for: this.id
        }).append(this.previousSibling)
    })
})