how to get an input text when click link in jquery

Question

i'm doing a goto link in web page, with an input text aside it. the goto link appear both on top and bottom of webpage.

<div class="gotopage">
    goto page<input type="text" class="page_i"/>
    <a href="###" class="Goto">Go</a>
</div>

in jquery, i need to get text beside link:

$('a.Goto').live('click',function(){
    window.location.href = ...;
});

how to get text value, it shouldn't be id, for id appear twice.

leepowers · Accepted Answer · 2013-01-19 01:14:40Z

2

Use prev() to get sibling text input:

$('a.Goto').live('click',function(){
    window.location.href = $(this).prev('.page_i').val();
});

answered Jan 19, 2013 at 1:14

leepowers

38.4k24 gold badges103 silver badges132 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

jtheman · Accepted Answer · 2013-01-19 01:15:00Z

0

Wrap the text in a span tag:

<div class="gotopage">
 <span>goto page</span><input type="text" class="page_i"/>
 <a href="###" class="Goto">Go</a>
</div>

Then select it

$('a.Goto').live('click',function(){
   window.location.href = $(this).closest('span').text();
});

answered Jan 19, 2013 at 1:15

jtheman

7,5013 gold badges32 silver badges40 bronze badges

Audrius Meškauskas · Accepted Answer · 2013-01-20 09:15:24Z

0

You can get text of an input box by using this code

<script>
$('a.Goto').live('click',function(){
    txt=$('.gotopage .page_i').val();
    alert(txt);
});
</script>

21.9k12 gold badges85 silver badges100 bronze badges

answered Jan 20, 2013 at 8:57

Ankit Agrawal

6,1246 gold badges27 silver badges49 bronze badges