单击td并显示下一个td的值

时间:2014-07-08 08:46:14

标签: jquery

我有这个工作,使一个按钮显示为行的第一个单元格上的值。

$('.oui').click(function(){
    var valor = $(this).closest('tr').find('td:first').text();
    $url = '{{URL::route('postpollspage')}}'; 
    $.post($url, { oui: valor });      
    $(this).attr('value', valor);
    $(this).css('background', 'green');
    $(this).css({ 'color': 'white', 'font-size': '150%' });
});
<td class="oui"><input type ="button" value = "VOTE OUI" class="oui"></td>  

但我需要略微修改一下:

  1. 我没有留下任何按钮,而是想要摆脱它并离开单击它的单元格应该按钮所做的那样,即显示行的第一个单元格的值。如果我删除按钮会发生什么情况确实单元格在点击时变为绿色但不显示值。

  2. 我想要的第二件事是,在点击单元格时,它应该使它旁边的单元格的值(无论是向左还是向右),为null。这是因为这些单元格在轮询中表示FOR和AGAINST。因此,如果单击“是”,则“否”为“否”,反之亦然。

  3. 任何帮助都会受到深深的赞赏。

    更新:

    我被要求发布我的HTML结构,这里是:

    <table class="table table-striped table-bordered">
            <thead>
                <tr>
                    <th>Tantiem</th>
                    <th>Prenom</th>
                    <th>Nom</th>
                    <th>Oui</th>    
                    <th>Non</th>
                    <th>Abstention</th>    
                    <th>Absent</th>                                      
                </tr>
            </thead>
            <tbody>
                @foreach ($polls as $vote)       
                    <tr>
                        <td>{{ $vote->tantieme }}</td>
                        <td>{{ $vote->prenom}}</td>
                        <td>{{ $vote->nom }}</td>          
                <td class="oui"><input type ="button" value = "VOTE OUI" class="oui"></td>              
                <td class="non"><input type ="button" value = "VOTE NON" class="non"></td>               
    
                    </tr>
                @endforeach
            </tbody>      
        </table>    
    

1 个答案:

答案 0 :(得分:0)

这是jsfiddel:http://jsfiddle.net/x3D9n/2/

对于Pt。 1改变了:

 $(this).text(valor); //  $(this).attr('value',valor);

和 对于Pt。 2,添加

$(this).next().text('');

有些文档:

http://api.jquery.com/next/

http://api.jquery.com/prev/

http://api.jquery.com/text/