jQuery：為給定名稱選擇所有INPUT，SELECT元素，但排除隱藏類型

Question

我得到這樣的東西：

<form id="my_form">
<input type="hidden" name="name_1" value="1">
<input type="text" name="name_2" value="text_1">
<input type="text" name="name_3" value="text_2">
<select name="name_4">
    <option value="1">opt1</option>
    <option value="2">opt2</option>
</select>
</form>

在我的jQuery代碼中：

$('#my_form').serializeArray().forEach(function(item){
  // here 'item' has two props: 'name' and 'value'
  // how can I select form's item based on name but NOT type HIDDEN ?
});

Answer 1

您可以使用：not（）

將您的選擇器更改為

$('#my_form :not(:hidden)').serializeArray().forEach(function(item){
  // here 'item' has two props: 'name' and 'value'
  // how can I select form's item based on name but NOT type HIDDEN ?
});

DEMO

Answer 2

$('#my_form').find("input[type!='hidden']").serializeArray().forEach(function(item){
  // here 'item' has two props: 'name' and 'value'
  // how can I select form's item based on name but NOT type HIDDEN ?
});

Answer 3

您可以使用jQuery not選擇器：

選擇與給定選擇器不匹配的所有元素。

碼：

$('#my_form :not([type=hidden])').serializeArray().forEach(function(item){

});

演示： http ： //jsfiddle.net/5gygs/