Set focus on input field with jquery in specific table row

Question

I have following html:

<table>
  ....
  <tr>
    ....
  </tr> 
  ....
  <tr id="myid">
     <....>
        <input value="..." />
     </....>
  </tr>
  <tr id="myanotherid">
     <....>
        <input value="..." />
     </....>
  </tr>
</table>

How can I set the focus on this input field in table row "myid" with jquery ? I can't set id on input field, because this html was generated automatically.

Shouldn't it have a name, too? – Blazemonger Aug 19 '13 at 20:58 — Blazemonger, Aug 19 '13 at 20:58
This is my problem, this html is generated automaticaly. – John N Aug 19 '13 at 20:59 — John N, Aug 19 '13 at 20:59

Blazemonger · Answer 1 · 2013-08-19T21:10:05.330

2

Selecting the field as-is:

$('input[value="abc"]').focus();

Or if there's a chance that there will be more than one input with that value:

$('input[value="abc"]:first').focus();

If it's the ID you need to focus on, use that in your selector:

$('#myid input:first').focus();

more jQuery selectors

edited Aug 19 '13 at 21:10

answered Aug 19 '13 at 20:58

Blazemonger

90,923
26
142
180

score 2 · Accepted Answer · edited Aug 19 '13 at 21:46

2

Use the table as an anchor and find the input regardless of its value.

$('table tr#myid').find('input:first').focus()

edited Aug 19 '13 at 21:46

Blazemonger

90,923
26
142
180

answered Aug 19 '13 at 21:15

DevlshOne

8,357
1
29
37

2

`$('table tr#myid')` is unnecessary; `$('#myid')` is sufficient. – Blazemonger Aug 19 '13 at 21:47

Set focus on input field with jquery in specific table row

2 Answers2