使用jQuery僅刪除相對位置的內聯樣式

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

將位置設置為靜態，這是默認值。

Answer 3

要刪除樣式，您可以使用.css(stylename,'')語法。

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

Answer 4

這是要刪除的代碼

(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');