Получите значения входов и разделите их на "|"

Question

У меня есть входы, и мне нужно получить значения и разделиться символом "|".

Мой вход:

Вывод, что мне нужно:

00: 00 | 00: 00 | 00: 00

Мой код:

(и он не работает)

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

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

Answer 1

Учитывая, что .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 

Answer 2

Смотреть комментарии в коде:

// 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()