不能从元素中删除属性

我的html如下:第一 <tr> 是基于另一个函数显示的。

        <tr style="display: none;">
            <td class="label_column">
            </td>
            <td class="data_column" width="auto">
                <input class="proper_gsc_indexing" type="checkbox" data-toggle="toggle" data-on="jest poprawne" data-off="nie jest poprawne" data-size="small"
                           data-onstyle="success" data-offstyle="danger" name="proper_gsc_indexing" checked="checked" data-width="200">
            </td>
        </tr>

        <tr class="proper_gsc_indexing_list" style="display: none;">
            <td class="label_column">
                Linki
            </td>
            <td width="auto">
                <textarea class="form-control" rows="3" name="proper_gsc_indexing_list" style="max-width: 75%"></textarea>
            </td>
        </tr>

我正在尝试从 <tr> .proper_gsc_indexing_list 基于按钮 .proper_gsc_indexing 状态。

            if( data.boolean_data.proper_gsc_indexing == true){
                $('[name="proper_gsc_indexing"]').prop('checked', true).change();
            } else {
                $('[name="proper_gsc_indexing"]').prop('checked', false).change();
                console.log('inside');
                $(".proper_gsc_indexing_list").show();
                $(".proper_gsc_indexing_list").css("display", "");
                $(".proper_gsc_indexing_list").removeAttr("style");
            }

当前按钮值的状态为false,控制台返回我在代码的else部分,但所有试图移除样式的尝试都没有成功。

在加载页面后,控制台显示 <tr> 元素仍包含 style="display: none;"

谢谢你的建议。

解决方案:

解决方案是使用 toggle() 而不是 show():

$(".proper_gsc_indexing_list").toggle('slow');

给TA打赏
共{{data.count}}人
人已打赏
未分类

类 "turtles "没有属性 "forward"(Python Turtle)。

2022-9-8 20:43:39

未分类

基于Flask框架中的头的请求验证。

2022-9-8 20:43:41

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索