Question

嘿伙计们试图在按钮之前获取文本框的值，假设按钮和文本框可以增加，这就是为什么我只使用一个.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>

Answer 1

您需要指定一个公共类，因为html元素应该具有唯一ID。

<强> Live Demo

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

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

如果您想使用id，因为您无法使用类，那么您可以使用id选择这种方式。

<强> Live Demo

$('[id=trigger]').click(function() {
    var prev = $(this).parent().prev().find('input[type=text]');
    var val = $(prev).val();
    alert(val);
});

在jquery中的按钮之前获取文本框

1 个答案: