Jack Harrington Jack Harrington - 23 days ago 7
jQuery Question

Override a 'left' style value using Jquery or Javascript

So the following is in my DOM:

<div
id="itemEditor"
class="quoteItemEditorView partType_MATERIAL editMode selectorEnabled"
style="left: -1px; right: 0px; width: auto; min-width: 480px; display: block;"
>


I am able to retrieve the element and replace the 'left' value however this is proving difficult. I have tried doing this through jquery and javascript via following methods but it wont over ride.

$("#itemEditor").css('style','left','400px !important');

document.getElementById("itemEditor").style.left="400px !important";

$("#itemEditor").css('style','left','400px');

document.getElementById("itemEditor").style.left="400px";


Any suggestions

Answer

You should do it like this using jQuery's css() method:

$("#itemEditor").css('left','400px');

jQuery css() gets the value of a computed style property for the first element in the set of matched elements or set one or more CSS properties for every matched element.

Hope this helps!