Question

我写了一个利用可拖动jquery的页面。它实际上有大约160个div元素，可以在页面上拖动它们以为即将到来的宴会分配“停顿站点”。为了处理这么多元素，我有一个小型数据库表，其中有4列，分别是ID，LEFT，TOP和DETAILS 每个Div都有id =“ ID”，而Content =“ Details” PHP和SQL生成的160多个代码行中的前2个类似

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);
}

我不能做的事情（一个Java语言的人可以在几秒钟内做到这一点）是获取ID并将其变成一个Jquery变量（我们称之为zID）。使用新的ID LEFT和TOP，我可以将它们反馈到更新的PHP文件中，以使新职位保持不变。我已经有了数据库，PHP，HTML，运行可拖动并检索“新”位置（xPos和yPos）的Jquery，以及将它们返回到数据库的PHP / SQL，但是我不能做的就是把这些位置绑起来到ID ...请帮助！

Answer 1

这是您要搜索的代码行

$(this).attr('id')

有关更多信息，请参见此链接

How can I get the ID of an element using jQuery?

Answer 2

谢谢你们，我已经尝试过$（this）.attr（'id'），但是我做了答案所建议的，最后没有半角冒号。这样的基本错误。一切都很好...一切正常 gri2a

Answer 3

对于其他读者，我应该提供完整的答案-

   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
    }

Javascript从div ID

3 个答案: