Javascript добавить переменную из Div ID

Question

Я написал страницу, которая использует jquery, перетаскиваемый.В действительности он имеет около 160 элементов div, которые можно перетаскивать по странице, чтобы выделить «сайты срывов» для предстоящего праздника.Чтобы справиться с таким количеством элементов, у меня есть небольшая таблица базы данных, которая имеет 4 столбца: ID, LEFT, TOP и DETAILS. Каждый Div имеет id = "ID" и Content = "Details". Первые 2 из 160+ сгенерированных строкPHP и SQL выглядят как

div class="drag" id="1" style="left: 10px; top: 10px;">FS01<ul><li class="posX"><li class="posY">div>
div class="drag" id="2" style="left: 60px; top: 10px;">FS01<ul><li class="posX"><li class="posY">div>

После перетаскивания элементов я нахожу их новые позиции со следующим Javascript

drag: function(){
    var offset = $(this).offset();
    var xPos = offset.left;
    var yPos = offset.top;
    //var zID = " <?php echo $id ?> "; //This is what I want to do
    $('.posX', this).text('x: ' + xPos);
    $('.posY', this).text('y: ' + yPos);
}

Что я не могу сделать (и Javascript человекможет сделать это за несколько секунд) захватить идентификатор и превратить его в переменную Jquery (назовем это zID).С новым идентификатором, LEFT и TOP, я могу передать их обратно в обновленный файл PHP, чтобы сделать новые позиции постоянными.У меня есть база данных, PHP, HTML, Jquery, работающий с перетаскиванием и извлекающий «новые» позиции (xPos & yPos) и PHP / SQL, чтобы вернуть их в базу данных, но я не могу связать позициив удостоверение личности ... ПОМОГИТЕ ПОЖАЛУЙСТА !!

Answer 1

Спасибо, ребята, Я уже пробовал $ (this) .attr ('id'), но я сделал то, что предлагал ответ, и в конце не поставил точку с запятой. Такая основная ошибка. Все хорошо ... все работает gri2a

Answer 2

Для других читателей я должен включить полный ответ -

   drag: function(){
        var offset = $(this).offset();
        var xPos = offset.left;
        var yPos = offset.top;
        var zId = $(this).attr('id');//my new variable
        $('.posX', this).text('x: ' + xPos);
        $('.posY', this).text('y: ' + yPos);
        $('.Id', this).text('z: ' + zId);//text to display zId
    }

Answer 3

это строка кода, которую вы ищете

$(this).attr('id')

см. Эту ссылку для получения дополнительной информации

Как получить идентификатор элемента с помощью jQuery?