在使用jQuery時,我們經常需要操作表單元素,其中表單元素中的input可能有多個,而且它們的name屬性可能是相同的,此時就需要使用input name數組來區分它們。下面我們來看一下如何在jQuery中使用input name數組:
// 選擇所有name屬性為input_name的元素 $('input[name=input_name]') // 選擇name屬性為input_name[]的第一個元素 $('input[name="input_name[]"]:eq(0)') // 選擇name屬性為input_name[]的第二個元素 $('input[name="input_name[]"]:eq(1)') // 獲取所有name屬性為input_name的元素的值 $('input[name=input_name]').each(function () { console.log($(this).val()) });
在上面的代碼中,我們首先使用了$('input[name=input_name]')來選擇所有name屬性為input_name的元素,這里注意要寫成name=input_name而不是name="input_name"。接著,我們使用了$('input[name="input_name[]"]:eq(0)')來選擇name屬性為input_name[]的第一個元素,注意這里要使用雙引號將屬性值括起來。如果我們要選擇第二個元素,則可以使用$('input[name="input_name[]"]:eq(1)')。最后,我們使用了$('input[name=input_name]').each()來獲取所有name屬性為input_name的元素的值,這里用到了jQuery的each()方法。
當我們需要對表單中的多個input元素進行操作時,使用input name數組是非常常見的。上面的代碼只是jQuery中使用input name數組的一些基本方法,如果讀者有更多的經驗和技巧,歡迎留言分享。