将Elements值设置为其ID

时间:2013-12-11 18:40:18

标签: jquery input element

我需要使用jquery将所有输入元素的值设置为其id。我尝试了以下不起作用。

<HTML>
<input id="fname" name="fname" type="text">

<script>
$('input').val($('input').attr('id'));

3 个答案:

答案 0 :(得分:2)

您应该iterate通过该元素集合,并且在每次迭代中,您必须通过其自己的id/value设置当前元素的value/id。您必须阅读.each().attr()以获取更多相关信息。

尝试,

$('input').each(function(){   
 $(this).attr('id',$(this).val());
});

或者如果我误解了你的头衔,

尝试

$('input').each(function(){   
 $(this).val($(this).attr('id'));
});

DEMO

答案 1 :(得分:0)

<强> JSFIDDLE DEMO

您必须使用.each()遍历所有输入元素并使用this.id设置其值。

$('input').each(function(){
    $(this).val(this.id);
});

答案 2 :(得分:0)

您应该遍历每个输入元素并相应地设置它们的值。此外,我建议在页面加载后执行此操作一次。

脚本:

$(document).ready(function() {
  $('input').each(function() {
    $(this).val($(this).attr('id'));
  });
});