Question

我有内联风格

<div class="handle" id="parent4" value="3" size="large" style="position: relative; top: 0px; left: 0px; z-index: 0; cursor: pointer;"></div>

我想使用jquery

删除代码中的位置相对样式

<div class="handle" id="parent4" value="3" size="large" style= top: 0px; left: 0px; z-index: 0; cursor: pointer;"></div>

Answer 1

尝试使用static，

覆盖位置

$('#parent4').css('position','static');

因为static是任何div元素的默认位置。

Answer 2

以下是要删除的代码

(function($)
    {
        $.fn.removeStyle = function(style)
        {
            var search = new RegExp(style + '[^;]+;?', 'g');

            return this.each(function()
            {
                $(this).attr('style', function(i, style)
                {
                    return style.replace(search, '');
                });
            });
        };
    }(jQuery));

使用此迷你插件，您可以在JS文件中写入

$('#element').removeStyle('position');

Answer 3

将位置设置为静态，这是默认值。

Answer 4

要删除样式，您可以使用.css(stylename,'')语法。在您的情况下使用此：

$('#parent4').css('position','');

使用jquery仅删除位置相对内联样式

4 个答案: