0

私は次のようなコードを持っています：

<input type="text" class="searchpersontxtbox" />
<input type="button" value="Find" class="findpersonbtn btn" disabled="disabled" />

ボタンクリックイベントがあります：

$(document).ready(function () {

        $('.findpersonbtn').click(function () {

            var findpersonbutton = $(this);

            var searchbox = $(this).closest('.searchpersontxtbox');
            alert(show the searchbox text here);

        });
    });

そのため、ボタンがクリックされたときに、検索ボックス内のテキストを取得して画面に警告しようとしています。

注意すべき点の1つは、「searchpersontxtbox」クラスのページに複数の検索ボックスが存在する可能性があることです。

そのため、ボタンのすぐ上にあるテキストボックスからテキストを取得したいと思います。

誰かがここで私を助けることができますか？

4

4 に答える 4

3

私は彼が何か相対的なものを探していると思います...このように..

$(document).ready(function(){ 

$('.findpersonbtn ').click(function () {
     var findpersonbutton = $(this);

//do relative search here...
     var searchbox = findpersonbutton.parent().find('.searchpersontxtbox');
     alert(searchbox.val());

});

}）;

于 2012-11-21T02:15:35.233 に答える
2

これはどのようにclosest機能するかではありません。残りのマークアップを表示せずに、これを行う1つの方法は次のとおりです。

$(document).ready(function () {
    $('.findpersonbtn').click(function () {
        var findpersonbutton = $(this)
            , searchbox = $(this).prev();

        alert(searchbox.val());
    });
});

prevクリックした要素のすぐ上に要素を取得するために使用できます.findpersonbtn。

于 2012-11-21T01:56:00.733 に答える
0 
$(function(){
    $('button').click(function() {
    var text = $('textarea').val();
    alert(button);
    }
});

そんな感じ？jQueryでtextarea値を取得するために検索し、そのメソッドを変数に適用して、そのテキストを警告します。動作するはずですか？

于 2012-11-21T01:55:19.683 に答える
0

をチェックアウトすることをお勧めし.previousSibling()ます。これにより、前の入力が返されます。

http://jsfiddle.net/TbYup/

于 2012-11-21T01:56:38.217 に答える