jQuery SerializeArray и Not selector

Question

Я использую функцию .serializeArray для сбора всех входов формы, но я хочу исключить входы в пределах определенного класса div. Я думал, что селектор .not() сделает это, но он, похоже, не работает.

На самом базовом уровне, здесь мой код:

HTML:

<form class="theForm"> 
    <input name="a" value="a"/> 
    <div class="excludeMe"> 
    <input name="c" value="c"/> 
    </div> 
</form> 

Javascript:

$.each($(".theForm").not(".excludeMe").serializeArray(), 
function() { 
    alert(this.name); 
}); 

я ожидал бы оповещает быть 'а', но это предупреждая «a», а затем «b».

Fiddle: https://jsfiddle.net/cysaczu5/

Answer 1

Вы должны обернуть все входы в <div><input/></div>

А затем измените селектор этого $.each($(".theForm :not(.excludeMe) input")

https://jsfiddle.net/cysaczu5/3/

Я бы рекомендовал удалить div и добавить класс «excludeMe» к входам напрямую. Затем селектор становится $.each($(".theForm input:not(.excludeMe)")

Answer 2

Ну использовать этот класс на входы не дивы, и она будет работать.

' 


$.each($("input").not(".excludeMe").serializeArray(), 
    function() { 
    alert(this.name); 
}); 

'

<input name="c" class='excludeMe' value="c"/> 

JSFidle

Answer 3

Пожалуйста, попробуйте

<form class="theForm"> 
<input name="a" value="a"/> 
<div class="excludeMe"> 
    <input class="excludeMe" name="c" value="c"/> 
</div> 
</form> 
$.each($(".theForm :not(.excludeMe)").serializeArray(), 
function() { 
    alert(this.name); 
}); 

Answer 4

Самый простой ответ был бы удалить атрибут name из входов, которые вы хотите, чтобы пропустить. Таким образом, она также пропускается serializeArray():

HTML:

<form class="theForm"> 
    <input name="a" value="a" /> 
    <input value="c" /> 
</form> 

JS:

$.each($(".theForm").serializeArray(), function() { 
    alert(this.name); 
}); 

Answer 5

Проще говоря input перед тем :not заявление, чтобы соответствовать только входы внутри формы, а не сама форма :

$.each($(".theForm input:not(.excludeMe)").serializeArray(), function() { 
    alert(this.name); 
}); 

https://jsfiddle.net/cysaczu5/5/