每个输入值都包含在每个<span>或<div> </div> </span>中

时间:2014-06-04 22:44:51

标签: javascript jquery html

我试图获取每个输入的值,并将其放在下面的span标记中,而不使用ID或类。如果我使用课程或Id,这很容易。但我需要能够在没有这些的情况下使用它。我需要将每个输入值放入每个span标记中。我有两个,但实际上会更多。

提前致谢。 任何帮助表示赞赏

下面是我的小提琴

var input = $('input:text');
$(input).each(function(){
  values = $(this).val();
});
$('b').each(function(){
   $(this).html(values); 
   console.log(values);
});

http://jsfiddle.net/6LB76/3/

3 个答案:

答案 0 :(得分:1)

很简单,只需处理index

<强>的jQuery

$('input:text').each(function(i){//get index for each input
    var tx = $(this).val();//get value for this input
    $('b').eq(i).html(tx);//print value on output with same index
});

可以轻松扩展以更新irt,您可以看到in this fiddle...

答案 1 :(得分:0)

首先,将计数器变量i设置为0。循环遍历每个<b>元素并在我们遍历每个元素时递增i。使用索引<b>处的输入值填充i元素。

function run() {
    var inputs = $('input:text');

    var i = 0;
    $('b').each(function(){
        $(this).html(inputs.eq(i++).val()); 
    });
}

以下是Fiddle

你的问题有点模糊,所以请澄清这是不是你想要的。

答案 2 :(得分:0)

你需要遍历ieach输入然后每个输出。这假设您具有完全相同数量的输入字段和跨度以显示值。

以下是代码:

var input = $('input:text');
var values = new Array();
$(input).each(function (i) {
    values[i] = $(this).val();
});
$('b').each(function (i) {
    $(this).html(values[i]);
    console.log(values[i]);
});

以下是Fiddle