0

如果我的英语不好，早点抱歉

我在切换其他行时遇到问题，我想选择一行而另一行是隐藏的。选择选择的行时，我想将DIV从选择取消（例如单击一个按钮，显示一个带有值取消的按钮）。如果我点击取消按钮，它会回到之前的状态。隐藏另一行是成功的，但改变 div/button/etc 是主要问题。请问有人知道解决方法吗？

之前谢谢你。

这里的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');});
4

1 回答 1

0

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

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

$('.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/

于 2013-08-26T23:37:13.587 回答