Question

我需要一些帮助，我有一个论坛页面，我无法让切换部分工作

以下是代码：

    <script type="text/javascript">
 $(document).ready(function() {
    $(".button").click(function(event) {
        $("#div").hide();
        var tmp = ($("#div" + $(this).attr("target")).is(":visible") ? false : true)
        if (tmp) $("#div" + $(this).attr("target")).toggle();
    });
});
</script>
<h2>Forum</h2>
<table cellspacing="0" cellpadding="0" width="100%" class="table">
<tr style="background: #f2f2f2;"><td><strong>Name</strong></td><td></td></tr>
<tr style="display:none;" id="divDynamicID"><td>&nbsp;&nbsp;&nbsp;&nbsp;NAME</td><td align="right" width="40"><img src="../img/pencil.png">&nbsp;&nbsp;<img src="../img/delete.png"></td></tr>';
<tr class="Test"><td>&nbsp;&nbsp;&nbsp;&nbsp;Name</td><td align="right" width="40"><img src="../img/pencil.png" class="button" target="dynamicID">&nbsp;&nbsp;<img src="../img/delete.png"></td></tr>';

当你点击.button我希望它隐藏所有打开的div并打开你点击的那个，但此时我只让show部分工作而不是not show部分。

Answer 1

在您的jQuery代码中，我找到了#div的代码，但是在HTML代码中找不到带有id div的div 。 ＃仅用于HTML控件的ID

而div是用于HTML控件的选择器

Answer 2

我对你的问题不太确定。如果我理解得当，我会说两件事。首先，您可以为要显示的tr id创建一个局部变量。我猜id是带有“div”前缀的按钮类的target属性的值。其次，您可以为每个行创建一个类，以便在需要时可以隐藏它们。

echo '<tr style="display:none;" id="div'.$obj->boardID.'"><td>&nbsp;&nbsp;&nbsp;&nbsp;'.$obj->name.'</td><td align="right" width="40"><img src="../img/pencil.png">&nbsp;&nbsp;<img src="../img/delete.png"></td></tr>';
echo '<tr class="Test"><td>&nbsp;&nbsp;&nbsp;&nbsp;'.$obj->name.'</td><td align="right" width="40"><img src="../img/pencil.png" class="button" target="'.$obj->boardID.'">&nbsp;&nbsp;<img src="../img/delete.png"></td></tr>';

在abodes中，我放了一个类trClass。您可以将其更改为您认为与代码相关的任何内容。

$(".button").click(function(event) {
    $('.trClass').hide();
    var trId="div"+$(this).attr("target");
    var tmp = $("#" + trId).is(":visible");
    if (tmp) $("#" + trId).show();
});

jQuery切换div和隐藏div

2 个答案: