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

时间:2014-04-01 00:17:36

标签: javascript jquery html dom foreach

1. input元素的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" />

2。 或者这也没关系

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

提前非常感谢:):)

1 个答案:

答案 0 :(得分:1)

您可以使用wrap()之类的

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

演示:Fiddle


或使用.before()之类的

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

演示:Fiddle