选择既不禁用也不只读的元素

Question

我正在尝试选择未禁用以及非只读的元素。目前，我正在使用$（“。data-fields.active”）。serializeArray（）;但显然，它似乎过滤掉了禁用但返回的只读元素。我怎么也能过滤掉那些？

Answer 1

这应该使用:not()选择器，如：

$(".data-fields.active:not([readonly])").serializeArray();

演示：

const arr = $(".data-fields.active:not([readonly])").serializeArray();
console.log( arr )

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" class="data-fields active" name="name1" value="1"><br>
<input type="text" class="data-fields active" name="name2" value="2"><br>
<input type="text" class="data-fields active" name="name3" value="3" readonly=""><br>
<input type="text" class="data-fields active" name="name4" value="4" readonly=""><br>