How to take value from array of inputs

Question

I have form with inputs

<input type="text" name="name[]">
<input type="text" name="name[]">
<input type="text" name="name[]">
<input type="text" name="name[]">
<input type="text" name="name[]">

How I can receive data from 3rd input, for example?

This construction doesn't work

$('input[name="name[2]"]').val();

Answer 1

You can use :eq() selector or .eq() method

alert($('input:text:eq(2)').val());
alert($('input:text').eq(2).val());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" name="name[]">
<input type="text" name="name[]">
<input type="text" name="name[]" value="1">
<input type="text" name="name[]">
<input type="text" name="name[]">

Answer 2

If you are the one who writes the inputs, the best practice here is to use ids

<input id="input1" type="text" name="name[]">
<input id="input2" type="text" name="name[]">
<input id="input3" type="text" name="name[]">
<input id="input4" type="text" name="name[]">
<input id="input5" type="text" name="name[]">

To recover de data of the input:

var text = $('#input3').val();