Javascript Jquery,ajax:单击一个按钮并在同一行上获取它旁边的单元格的值

Javascript Jquery,ajax:单击一个按钮并在同一行上获取它旁边的单元格的值,javascript,jquery,laravel,Javascript,Jquery,Laravel,我一直在阅读关于JS的教程,突然想到我想要以下内容: 比如说一张有三列和几行的桌子 第一列为int值,第二列为yes绿色按钮,第三列为红色按钮 点击按钮,它应该得到第一列单元格的值(我正在做一个轮询表) 更新四: 多亏了阿德内奥和安东尼·格里斯特,这一点终于奏效了。谢谢你的耐心和帮助 这是: <script> $(document).ready(function(){ $('.oui').click(function(){ var v

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

比如说一张有三列和几行的桌子

第一列为int值,第二列为yes绿色按钮,第三列为红色按钮

点击按钮,它应该得到第一列单元格的值(我正在做一个轮询表)

更新四:

多亏了阿德内奥和安东尼·格里斯特,这一点终于奏效了。谢谢你的耐心和帮助

这是:

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

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

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

$(文档).ready(函数(){
$('.oui')。单击(函数(){
var valor=$(this.nexist('tr').find('td:first').text();
$(this.attr('value',valor);
});
});
HTML:


普勒农
笔名
坦蒂埃姆
是的
不
弃权
缺席的
@foreach($polls作为$vote)
{{$vote->prenom}
{{$vote->nom}
{{$vote->tantieme}
投赞成票
投反对票
弃权
缺席的
@endforeach

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

比如说一张有三列和几行的桌子

第一列为int值,第二列为yes绿色按钮,第三列为红色按钮

点击按钮,它应该得到第一列单元格的值(我正在做一个轮询表)

更新四:

多亏了阿德内奥和安东尼·格里斯特,这一点终于奏效了。谢谢你的耐心和帮助

这是:

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

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

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

$(文档).ready(函数(){
$('.oui')。单击(函数(){
var valor=$(this.nexist('tr').find('td:first').text();
$(this.attr('value',valor);
});
});
HTML:


普勒农
笔名
坦蒂埃姆
是的
不
弃权
缺席的
@foreach($polls作为$vote)
{{$vote->prenom}
{{$vote->nom}
{{$vote->tantieme}
投赞成票
投反对票
弃权
缺席的
@endforeach

你能发布你的HTML吗?听起来一点也不复杂,但我们需要看到标记,而不是一些与问题无关的javascript。我猜您需要类似于
$(this).最近('tr').find('td:first').text()
看到标记,我上面发布的jQuery行在
change()
函数中应该可以正常工作,只要您将
作为参数传递,或者更好地删除内联javascript。您是否使用
Angular
,我使用的LaravelIt仅适用于第一行,因为您试图重复使用ID。它们应该是单个特定元素的唯一标识符。是的,您是对的!,我该如何绕过这个问题?我尝试将其替换为“this”,但没有将HTML中的
id=“oui”
更改为
class=“oui”
,请将选择器更改为
$('.oui')。单击(…)
,然后在click事件处理程序函数中使用
$(this)
引用实际单击的事件处理程序。是否排序?:$(文档)。就绪(函数(){$('.oui')。单击(函数(this){var valor=$('.oui')。最近('tr')。查找('td:first').text();$('.oui').attr('value',valor);});});关闭。
。单击(函数(事件){var valor=$(this).最近的(…);});