javascript - Jquery、ajax : Clicking on a button and getting the value of the cell next to it on the same row

Question

我一直在阅读有关 JS 的教程，我突然想到我想要以下内容:

假设有一个包含 3 列和多行的表格。

第一个冒号是 int 值，第二个冒号是绿色按钮，第三个冒号是红色按钮

单击按钮时，它应该获得第一列单元格的值(我正在做一个轮询表)。

更新四:

感谢 Adeneo 和 Anthony Grist，这最终成功了。感谢您的耐心和帮助。

这里是:

<script>
    $(document).ready(function(){

        $('.oui').click(function(){
            var valor = $(this).closest('tr').find('td:first').text();
            $(this).attr('value', valor);
        });
    });
</script>

HTML:

<div class="container">
    <!-- Example row of columns -->
    <div class="row">
        <div class="col-lg-12">

            <table class="table table-striped table-bordered">
                <thead>
                    <tr>
                        <th>Prenom</th>
                        <th>Nom</th>
                        <th>Tantieme</th>
                        <th>Oui</th>    
                        <th>Non</th>
                        <th>Abstention</th>    
                        <th>Absent</th>
                    </tr>
                </thead>
                <tbody>
                @foreach ($polls as $vote)
                    <tr>
                        <td>{{ $vote->prenom}}</td>
                        <td>{{ $vote->nom}}</td>
                        <td>{{ $vote->tantieme }}</td>
                        <td><button type="button" id="oui" class="btn btn-success">VOTE OUI</button></td>    
                        <td><button type="button" id="non" class="btn btn-danger">VOTE NON</button></td>
                        <td><button type="button" class="btn btn-info">ABSTENTION</button></td>    
                        <td><button type="button" id="default" value = "230" class="btn btn-default">ABSENT</button></td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>

Answer 1

我一直在阅读有关 JS 的教程，我突然想到我想要以下内容:

假设有一个包含 3 列和多行的表格。

第一个冒号是 int 值，第二个冒号是绿色按钮，第三个冒号是红色按钮

单击按钮时，它应该获得第一列单元格的值(我正在做一个轮询表)。

更新四:

感谢 Adeneo 和 Anthony Grist，这最终成功了。感谢您的耐心和帮助。

这里是:

<script>
    $(document).ready(function(){

        $('.oui').click(function(){
            var valor = $(this).closest('tr').find('td:first').text();
            $(this).attr('value', valor);
        });
    });
</script>

HTML:

<div class="container">
    <!-- Example row of columns -->
    <div class="row">
        <div class="col-lg-12">

            <table class="table table-striped table-bordered">
                <thead>
                    <tr>
                        <th>Prenom</th>
                        <th>Nom</th>
                        <th>Tantieme</th>
                        <th>Oui</th>    
                        <th>Non</th>
                        <th>Abstention</th>    
                        <th>Absent</th>
                    </tr>
                </thead>
                <tbody>
                @foreach ($polls as $vote)
                    <tr>
                        <td>{{ $vote->prenom}}</td>
                        <td>{{ $vote->nom}}</td>
                        <td>{{ $vote->tantieme }}</td>
                        <td><button type="button" id="oui" class="btn btn-success">VOTE OUI</button></td>    
                        <td><button type="button" id="non" class="btn btn-danger">VOTE NON</button></td>
                        <td><button type="button" class="btn btn-info">ABSTENTION</button></td>    
                        <td><button type="button" id="default" value = "230" class="btn btn-default">ABSENT</button></td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>