accessing a siblings in jquery

Question

here is my code :

<table><tr><td>hello</td>
       <td><input type="text" value="0" onkeypress="GetValue();" /></td>
       <td><input type="text" value="15"  /></td>
       </tr>
 </table>
   <script type="text/javascript">
   function GetValue(){
      //  ???

       }
   </script>

how can i access the value of the third td ( the td with the value 15 ) without using the the easy way and give the td an id and call it i want by using .parent() or .siblings() this is a simple example to simplify my work but in my actual project the input have their value binded from DB and it's much more complicated any help apreciated

is the target td just after the td with the input? or is there a possibility something is in the way? — Joseph, Oct 24 '12 at 08:19
have a look at this jQuery function: http://api.jquery.com/nth-child-selector/ — 23tux, Oct 24 '12 at 08:21

score 3 · Accepted Answer · answered Oct 24 '12 at 08:21

3

You can do it via the :nth-child() selector.

JS code:

$('table td:nth-child(3) input').val();

DEMO

answered Oct 24 '12 at 08:21

mas-designs

7,378
1
29
56

No problem, you are welcome ! Please be sure to accept the answer afterwards :-) – mas-designs Oct 24 '12 at 08:28

VisioN · Answer 2 · 2012-10-24T08:30:39.367

2

You should pass the DOM element to GetValue function:

<input type="text" value="0" onkeypress="GetValue(this);" />

And use jQuery methods to get the value from the next text field:

function GetValue(that) {
    var val = $(that).parent().next().find("input").val();
}

DEMO: http://jsfiddle.net/xzzUB/1/

edited Oct 24 '12 at 08:30

answered Oct 24 '12 at 08:20

VisioN

138,460
30
271
271

Could you include a jsfiddle version, because I tried your solution via jsfiddle and it does net seem to be working. – mas-designs Oct 24 '12 at 08:27

Arkadiusz 'flies' Rzadkowolski · Answer 3 · 2012-10-24T08:25:21.797

0

Change input like this:

<input type="text" value="0" onkeypress="GetValue(this);" />

and function to:

function GetValue(el){
  var sib = $(el).parent().siblings('td').last();
}

edited Oct 24 '12 at 08:25

answered Oct 24 '12 at 08:20

Arkadiusz 'flies' Rzadkowolski

5,436
2
28
31

sib will be an array of all the siblings and not the last element as requested by the op – David Barker Oct 24 '12 at 08:21

score 0 · Answer 4 · answered Oct 24 '12 at 08:23

0

$("td:eq(2) input").val() will return 15

See: http://docs.jquery.com/Selectors/eq

answered Oct 24 '12 at 08:23

Matt.C

1,327
7
19

score -1 · Answer 5 · edited Nov 24 '13 at 15:53

-1

HTML

<table id='theTable'><tr><td>hello</td>
       <td><input type="text" value="0" onkeypress="GetValue();" /></td>
       <td><input type="text" value="15"  /></td>
       </tr>
 </table>

Use the nth-child() jQuery function

console.log($('#theTable td:nth-child(3)').children().val());

edited Nov 24 '13 at 15:53

BenMorel

31,815
47
169
296

answered Oct 24 '12 at 08:26

Doink

1,122
6
9

accessing a siblings in jquery

5 Answers5

Linked