如何删除样式的子属性

Question

如何删除样式的子属性。我想从代码中删除样式的display:none;属性。

<div class="ui-state-default ui-jqgrid-hdiv" style="width: 1085px; display: none; visibility: visible; ">

Answer 1

以下内容可以删除Javascript + jQuery中元素display属性的style子属性：

$('div.ui-state-default.ui-jqgrid-hdiv').each(function () {
    var st = this.getAttribute('style').split(';').map(function (a) {
        return a.toLowerCase().indexOf('display')>-1 ? '':a;
    }).join(';');
    this.setAttribute('style', st);
    // alert('TEST: display property == '+ $(this).css('display')
    // + ', style attribute == ' + $(this).attr('style'));
});

test

Answer 2

作为删除它的替代方法，您可以使用

在样式表中覆盖它

display: block !important;

如果通过JS插入代码，那么如果你真的不想在那里将它从JS中删除可能会更好。

Answer 3

试试这个：

$('.ui-state-default').css('display', 'block');