jQuery Input Each是一個非常實用的工具,可以在處理表單數據時大大提高效率。下面我們來了解一下它的使用方法。
$('input').each(function(){ console.log($(this).val()); });
上面的代碼是最基本的jQuery Input Each用法,它的作用是遍歷每一個input元素,并對其進行操作。在這個例子中,我們使用console.log輸出了每個input元素的值。
下面我們再看一個例子,用來統計所有input元素中值為數字的元素的數量:
var numCount = 0; $('input').each(function(){ if(!isNaN($(this).val())){ numCount++; } }); console.log(numCount);
這個例子中,我們定義了一個變量numCount用來記錄值為數字的input元素的數量。在each循環中,我們使用isNaN方法判斷元素的值是否為數字,如果是就將numCount加1。最后輸出numCount的值,表示數量。
除了簡單的遍歷操作外,jQuery Input Each還可以結合其他jQuery方法進行復雜的操作。例如以下代碼可以將所有 input 元素的值重復一遍并輸出:
$('input').each(function(){ $(this).val($(this).val() + $(this).val()); console.log($(this).val()); });
這個例子中,我們使用val()方法獲取input元素的值,并在其后面添加一個相同的值,最后將修改后的值設置回input元素并輸出。
總之,jQuery Input Each是一個非常實用的工具,在處理表單數據時可以幫助我們快速高效地完成操作。