javascript - 获取输入值并用“|”分隔

Question

我有输入，我需要获取值并用"|"符号分隔。

我的输入：

输出我需要的：

00:00|00:00|00:00

我的代码是：

（它不工作）

var timesArray = $('table').find('input');
var times = timesArray.val();

$('.alltimes').val(times);

Answer 1

查看代码中的注释：

// Create an array to store the input values
var inputValues = [];

// Iterate over input's and store their value in the array
$('table').find('input').each(function () {
   inputValues.push(this.value);
});

// Create pipe=delimited string from array of values
var delimitedInputValues = inputValues.join("|");

附加信息

• MDN - array.join
• jQuery -.each()

Answer 2

鉴于.val返回每个元素的值（无论屏幕截图中的输入类型如何），您都可以使用.map：http: //jsfiddle.net/RrCYD/。

var values = $("input").map(function() {
    return $(this).val();  // map each element to its value
}).get().join("|");        // get real array and join