Как установить абсолютную позицию в jQuery

Question

Я пытаюсь установить позицию left абсолютного элемента с помощью jQuery.

Вот что я пробовал:

var leftPercentage = 10 + '%';
var singleGrate = grateOne.append('<div class="single-grate"><div>');
singleGrate.css(left, leftPercentage);

Я также пытался удалить процент и использовать px, но это не сработало.

Я также пытался использовать offset, но пока это работает, он устанавливает элемент в зависимости от страницы, а не элемент, содержащий div, который я хочу позиционировать.

Я просто заблудился, как заставить это работать. Я следил за кучей вопросов из stackoverflow, но я уверен, что они все очень устарели, потому что ни один из них не работал.

Что мне здесь делать?

РЕДАКТИРОВАТЬ: Вот кодекс, над которым я сейчас работаю https://codepen.io/creativiii/pen/gyKjrm

Answer 1

В последней строке.Вам нужно поставить "" в left, поэтому код будет:

singleGrate.css("left", leftPercentage);

Answer 2

Так что, очевидно, проблема была в append(), так как он фактически не указывает на добавленный элемент.

Я изменил свой код, чтобы добавить элемент к:

var singleGrate = $('<div class="single-grate"><div>').appendTo(grateOne);

Теперь singleGrate фактически возвращает элемент, который я могу затем изменить с помощью css().