Jquery - 如何將輸入中的屬性名稱中的文本添加到標簽attr for和輸入ID？

Question

我不知道如何將輸入中的名稱添加到標簽attr中以及與ID相同的輸入。 他們在同一個div。 你們知道怎么做嗎？ 謝謝。

jQuery的：

$('input[type="text"]').each(function () {
  var name = $("input").attr("name");
})

HTML：

<div data-role="fieldcontain">
  <label>Name:</label>
  <input type="text" name="fname" value="" />
</div>

Answer 1

只需獲取this輸入字段的前一個元素，並使用this.name更改其文本：

$('input[type="text"]').each(function() {
    $(this).prop('id', this.name)    // set 'id' of input field
           .prev('label')            // get previous sibling element
           .attr('for', this.name);  // set 'for' attribute
});

Answer 2

使用$（this）

$('input[type="text"]').each(function () {
    var name = $(this).attr('name');
    $(this).prev('label').text(name);
})

Answer 3

使用.prop（）而不是.attr（）因為， attr（）為你提供了在頁面加載的html中定義的元素值。 總是建議使用prop（）來獲取通過javascript / jquery修改的元素的值，因為它給出了元素當前狀態dom元素的原始值

$('input[type="text"]').each(function () {

     var name = $("input").prop("name");
     $(this).prev('label').text(name);
});