<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <script src="http://www.jq22.com/jquery/jquery-3.3.1.js"></script> <body> <form method="post" enctype="multipart/form-data"> 早餐:<input type="text" name="goods" /><br> 午餐:<input type="text" name="goods" /><br> 晚餐:<input type="text" name="goods" /><br> <input type="button" name="sub" class="sub" value="提交" /> </form> </body> <script> $('.sub').click(function () { var arr =[]; $("input[name='goods']").each(function(){ arr.push($(this).val()); }) console.log(arr); }); </script> </html>
$("div[id]") 選擇所有含有id屬性的div元素
$("input[name='keleyicom']") 選擇所有的name屬性等於'keleyicom'的input元素
$("input[name!='keleyicom']") 選擇所有的name屬性不等於'keleyicom'的input元素
$("input[name^='keleyi']") 選擇所有的name屬性以'keleyi'開頭的input元素
$("input[name$='keleyi']") 選擇所有的name屬性以'keleyi'結尾的input元素
$("input[name*='keleyi']") 選擇所有的name屬性包含'keleyi'的input元素
$("input[id][name$='keleyi']") 可以使用多個屬性進行聯合選擇,該選擇器是得到所有的含有id屬性並且那么屬性以keleyi結尾的元素
例如:$(":input[name='keleyi']") 表示查找的是name為keleyi的表單。