Jquery get input array field

Question

I've found similar questions here but nothing works for me.

have inputs like:

<input type="text" value="2" name="pages_title[1]"> <input type="text" value="1" name="pages_title[2]"> 

trying to get these fields like:

$('input[name="pages_title[]"]') 

but have empty results :(

how to get all fields? I can only get it like $('input[name="pages_title[1]"]')

Answer 1

Use the starts with selector

$('input[name^="pages_title"]').each(function() {     alert($(this).val()); }); 

jsfiddle example

Note: In agreement with @epascarello that the better solution is to add a class to the elements and reference that class.

Answer 2

const textValues = $.map($('input[type=text][name="pages_title[]"]'), function(el) { return el.value; });    console.log(textValues);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="text" value="Hello" name="pages_title[]"> <input type="text" value="World" name="pages_title[]">