使用jQuery遍歷input后輸出值

jQuery是一個非常強大的JavaScript庫，可以簡化很多復雜的操作。在本文中，我們將使用jQuery遍歷input后輸出輸入框的值。

首先，我們需要在HTML中添加一些輸入框。例如：

<input type="text" name="input1" id="input1">
<input type="text" name="input2" id="input2">
<input type="text" name="input3" id="input3">

接著，我們需要編寫jQuery代碼來遍歷這些輸入框并輸出它們的值。代碼如下：

$('input').each(function() {
var inputValue = $(this).val();
$('pre').append(inputValue + '<br>');
});

上述代碼中，我們首先選擇所有的input元素，然后使用each方法來遍歷它們。對于每個輸入框，我們將其值存儲在一個變量中，并使用append方法將其添加到pre標簽中。

最后，在HTML中添加一個pre標簽，用于顯示輸入框的值：

<pre></pre>

現在，當我們在輸入框中輸入一些值并點擊按鈕時，就會在pre標簽中顯示這些值：

input1 value
input2 value
input3 value

我們成功地使用jQuery遍歷input并輸出它們的值了！