1

ボタンの前にあるテキスト ボックスの値を取得しようとしています。ボタンとテキスト ボックスをインクリメントできるとします。そのため、1 つの .click 関数のみを使用します。私はjqueryが初めてなので、それを取得するための可能な方法をまだ試しています。これは私が試したものです。

<html>
<head>
    <style type="text/css">
        #container{
            width:500px;
            height:300px;
            background-color:#F9F9F9;;
        }

    </style>
    <script type="text/javascript" src="jquery-1.8.3.min.js"> </script>
    <script type="text/javascript">     

        $(document).ready(function(){ 
            $('#trigger').click(function (){

            var prev =  $(this).prev('input[type=text]');
            var val = $(prev).val();
            alert(val);
            });

        });
    </script>
</head>


<body>
    <table>
        <tr>
            <td><input type="text"></td>
            <td><input type="button" id="trigger" value="submit"></td>
        </tr>
        <tr>
            <td><input type="text"></td>
            <td><input type="button" id="trigger" value="submit"></td>
        </tr>
        <tr>
            <td><input type="text"></td>
            <td><input type="button" id="trigger" value="submit"></td>
        </tr>
        <tr>
            <td><input type="text"></td>
            <td><input type="button" id="trigger" value="submit"></td>
        </tr>
        <tr>
            <td><input type="text"></td>
            <td><input type="button" id="trigger" value="submit"></td>
        </tr>
    </table>


</body>
</html>
4

1 に答える 1

1

html 要素には一意の ID があると想定されているため、共通のクラスを割り当てる必要があります。

ライブデモ

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

    var prev = $(this).parent().prev().find('input[type=text]');
    var val = $(prev).val();
    alert(val);
});​

問題のようにクラスを使用できないため、idでそれを行いたい場合は、この方法でid selectを使用できます。

ライブデモ

$('[id=trigger]').click(function() {
    var prev = $(this).parent().prev().find('input[type=text]');
    var val = $(prev).val();
    alert(val);
});​
于 2012-11-21T15:48:56.493 に答える