Index of same name element jquery

Question

I have many elements with same name:

<input type="text" name="Education[GraduationDate][0]" />
<input type="text" name="Education[GraduationDate][1]" />
<input type="text" name="Education[GraduationDate][2]" />
<input type="text" name="Education[GraduationDate][3]" />

I want jquery give me the index number of selector name, so if I select first one give me number (0), and so on.

I did this with jquery:

 var arrayname = $(this).attr('name');
 var arrayindex = arrayname.substring(24,25);

arrayindex return me the Index that I want, but I think this is not good way to do that, because maybe You have index with 2 digit number, so the substring not work fine.

Please advice ..

You could for example use a regex to get the value of your index. Regex would be matching anything inside second `[ ]` brackets — Kamil Gosciminski, Nov 25 '15 at 09:44
You need to show more code that how you're using $(this) as context. — Bhojendra Rauniyar, Nov 25 '15 at 09:48

guest271314 · Answer 1 · 2015-11-25T09:56:42.253

5

need it with Education[GraduationDate] not only Education

Try using .index() with ~~"input[name^=Education]"~~ "input[name^=Education\\[GraduationDate\\]]" passed as selector parameter

.index( selector )
selector

Type: Selector

A selector representing a jQuery collection in which to look for an element.

$("input").change(function() {
  console.log($(this).index("input[name^=Education\\[GraduationDate\\]]"))
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="text" name="Education[GraduationDate][0]" />
<input type="text" name="Education[GraduationDate][1]" />
<input type="text" name="Education[GraduationDate][2]" />
<input type="text" name="Education[GraduationDate][3]" />

edited Nov 25 '15 at 09:56

answered Nov 25 '15 at 09:47

guest271314

1
10
82
156

I need it with Education[GraduationDate] not only Education – Muhannad Alsuleimani Nov 25 '15 at 09:54
@MuhannadAlsuleimani See updated post ; note `[` , `]` requires escaping in selector string at attribute selector where no surrounding quotes present – guest271314 Nov 25 '15 at 09:57
@MuhannadAlsuleimani _"always give me -1"_ Can create stacksnippets , jsfiddle http://jsfiddle.net to demonstrate ? – guest271314 Nov 25 '15 at 10:04
The text element generated dynamically ! – Muhannad Alsuleimani Nov 25 '15 at 11:05
Where is `.index()` called ? Inside an `event` handler ? See http://stackoverflow.com/questions/1687296/what-is-dom-event-delegation/ , http://stackoverflow.com/questions/16062899/jquery-doesnt-work-after-content-is-loaded-via-ajax – guest271314 Nov 25 '15 at 11:09
I use arrayname.match(/\d+/g) and it's work for me ! – Muhannad Alsuleimani Nov 25 '15 at 11:30
@MuhannadAlsuleimani Is requirement to return actual index of element in relation to elements of same type ?, or return string within `[]` of `input` element `name` attribute ? – guest271314 Nov 25 '15 at 11:33
I just need the number between [ ], I think this the index of this element, because all other things to control this element depending in this number between [ ]. – Muhannad Alsuleimani Nov 25 '15 at 11:45
Tks a lot! Works fine for me! – Allan Andrade Mar 24 '20 at 01:41

score 2 · Answer 2 · answered Nov 25 '15 at 09:46

2

You can use

$("[name^='Education[GraduationDate]']").index(this)

Fiddle

answered Nov 25 '15 at 09:46

Anoop Joshi

24,460
8
28
49

3

@MuhannadAlsuleimani So provide jsFiddle replicating your issue because obviously you are doing something wrong (or i miss something) – A. Wolff Nov 25 '15 at 09:58
The code is bigger, I just trying to edit script, The text element generated dynamically ! – Muhannad Alsuleimani Nov 25 '15 at 11:06

score 0 · Accepted Answer · answered Nov 25 '15 at 10:32

0

hope this can help you：

...
var name = ($this).attr('name'); 
var digits = name.match(/\d+/g)
var index = digits.pop() // suppose your name has more than one digit, the last one is what you want(index) 
...

answered Nov 25 '15 at 10:32

FelixHo

960
9
24

Index of same name element jquery

3 Answers3