html - jqueryでリンクをクリックしたときに入力テキストを取得する方法

Question

入力テキストを脇に置いて、Webページでgotoリンクを実行しています。goto リンクは Web ページの上部と下部の両方に表示されます。

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

jqueryでは、リンクの横にテキストを取得する必要があります:

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

テキスト値を取得する方法。id は 2 回表示されるため、id であってはなりません。

score 2 · Accepted Answer

prev()兄弟テキスト入力を取得するために使用します。

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

score 0 · Accepted Answer

このコードを使用して、入力ボックスのテキストを取得できます

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

score 0 · Accepted Answer

spanテキストをタグでラップします。

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

次に、それを選択します

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

3 に答える 3