Question

<table>
    <tr>
        <td>click</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>

如何只使<td>click</td>可点击，当用户点击时，某些信息将使用jquery显示在其他<td></td>（空td）上？

Answer 1

在某些

中

$(function(){
$('td').click(function(){
    $('td').next().text('void');
});
});

$(function(){
$('td').click(function(){
    $(this).next().text('next');
})
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
    <tr>
        <td>click</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>

Answer 2

你可以尝试这样的事情：

＆＃13;

$(function(){
    $('table tr > td:first').on('click', function() {
        $(this).nextAll().text('Information...');
    });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
    <tr>
        <td>click</td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>

＆＃13;

另外，如果您可以在表格中添加id/class，那么就像这样：

// Using "mytable" as class/for id, use #mytable
$(function(){
    $('table.mytable tr > td:first').on('click', function() {
        $(this).nextAll().text('Information...');
    });
});

制作可点击的表格数据

2 个答案: