Question

早些时候抱歉，如果我的英语不好

我有切换其他行的问题，我想选择一行而另一行是隐藏。选择选择的行时，我想更改div从选择取消（如果单击一个按钮，则显示另一个值为cancel的按钮）。如果我点击取消按钮，它会回到之前。隐藏另一行是成功的，但改变div / button /等是主要问题。请有人知道解决方案吗？

谢谢你。

这里是html

<table>
<tr>
    <td>
        <div class="choose"><a href="#" class="pick">Choose 1</a>
        </div>
        <div class="cancel" hidden><a href="#" class="poke">Cancel 1</a>
        </div>
    </td>
</tr>
<tr>
    <td>
        <div class="choose"><a href="#" class="pick">Choose 2</a>
        </div>
        <div class="cancel" hidden><a href="#" class="poke">Cancel 1</a>
        </div>
    </td>
</tr>
<tr>
    <td>
        <div class="choose"><a href="#" class="pick">Choose 3</a>
        </div>
        <div class="cancel" hidden><a href="#" class="poke">Cancel 3</a>
        </div>
    </td>
</tr>

我写的JQuery代码

$('.pick').click(function () {
$(this).closest('tr').siblings('tr').toggle('slow');});

Answer 1

我希望我明白你要做什么，如果没有，请告诉我。

您需要添加隐藏当前行中“选择”按钮的代码，并取消隐藏取消按钮容器。

$('.pick').click(function () {
    $(this).closest('tr').siblings('tr').toggle('slow');
    $(this).parent().toggle();           // Hide the "choose" button container
    $(this).parent().next().toggle();    // Show the "cancel" button container
});

您还需要使“取消”按钮将所有内容返回到初始状态，如下所示：

$('.poke').click(function () {
    $('tr').show();         // Show all table rows
    $('.choose').show();    // Show all the "choose" button containers
    $('.cancel').hide();    // Hide all the "cancel" button containers
});

这是你想要做的吗？ http://jsfiddle.net/VRAa9/4/

当选择一个并更改文本时，JQuery切换其他行

1 个答案: