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 来做，因为你不能像你有问题的那样使用 class，那么你可以使用 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 回答