Question

我有一个从模型列表中加载的手风琴，因此会根据模型的ID分配新ID。在这个结构中，我有一个DIV显示：无，点击一个单选按钮，我想让它向下滑动并显示。这是我的一些HTML：

<tr style="height:35px">
    <td style="text-align:left" >
        <label id="lblOtherAvery+@Model[i].UserId" style="font-size:x-small">Other:</label> 
    </td>
    <td>
        @Html.RadioButtonFor(x=>Model[i].AverySize, "Other", new { @id = "chkOtherAvery" + @Model[i].UserId, @style = "width:30px;", @class = "radLabel radLabelOther", @disabled = "disabled"})
    </td>
</tr>
<tr>
    <td style="text-align:center" colspan="2" >
        <div id="divAvery_@Model[i].UserId" style="display:none;vertical-align:top;text-align:center" class="divAvery">
            <table style="width:100%;text-align:center">
                <tr style="height:20px;">
                    <td style="font-size:x-small">Rows:</td>
                    <td>@Html.TextBoxFor(x=>Model[i].LabelRows, new {@id = "txtRows" + @Model[i].Userd, style = "width:50px;font-size:x-small;height:20px"})<span style="font-size:x-small"><i>(MAX 16)</i></span></td>
                    <td style="font-size:x-small">Columns:</td>
                    <td>@Html.TextBoxFor(x=>Model[i].LabelColumns, new {@id = "txtColumns" + @Model[i].UserId, style = "width:50px;font-size:x-small;height:20px"})<span style="font-size:x-small"><i>(MAX 3)</i></span></td>
                </tr>
            </table>
        </div>
    </td>
</tr>

然后在JS中点击收音机时：

$('.radLabelOther').on('click', function () {
    var divId = $(this).closest('tr').next().children().find('.divAvery');
    $(divid).slideDown().show();
});

但这不起作用。我能够让DIV元素正常，但我无法让它显示出来。我做错了什么？

我甚至试图用这个来获取DIV的ID：

 var divId = $(this).closest('tr').next().children().find('.divAvery').attr('id');

但这也不起作用。

我现在可以通过这样做来实现它：

 var $divId = $(this).closest('tr').next().children().find('.divAvery');
 $divId.slideDown();

为什么这个让它起作用？

在嵌套的手风琴结构中用jQuery制作DIV节目

0 个答案: