使用JQuery爲DOM動態添加每個輸入標籤的標籤標籤

Question

1.輸入元素的id屬性和相應的標籤元素應具有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> 

非常感謝你提前:) :)

Answer 1

Y您可以同時使用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