Javascript 使用'时获取新元素信息；可排序'；

以下是我要做的：

我有一个“日历”，它由5列组成，每列有5个div，它们是

时隙

。我在每个

时隙中显示约会，并实现了JQuery
可排序的
，以便将约会从一个
时隙
移动到另一个时隙，或移动到另一列（表示天数）。一旦移动完成，我想实现一个
AJAX
调用，以更新我的数据库，并在日历中反映约会更改

问题：

一旦我将约会从列
A
移动到列
B
，我就不知道如何获取新的日期和时间。通常，我会使用Javascript通过搜索DOM来获取这些数据，直到找到所需的数据。但是当使用sortable时，我无法获得新列，因为DOM似乎仍然表示旧列

问题：

当我使用
Sortable
接口时，如何获取放置元素的位置的DOM

以下是我的HTML，为了简单起见，对其进行了压缩：

<div class="column" id="day1">
        <div class="route_container">
            <div class="date"></div>
            <button class="add_route" name="add_route" onclick="">Add New Route - 1</button>
            <div class = "truck" id="day1_route1">
                <h3>8-10</h3>
                <div class="timeslot" id="d1_1">
                    <ul class="_ts">
                        <li><a   class="new_appt" href="#">Open</a></li>
                        <li><a   class="new_appt" href="#">Open </a></li>
                    </ul>
                </div>
                <h3>10-12</h3>
                <div class="timeslot" id="d1_2">
                    <ul class="_ts">
                        <li><a   class="new_appt" href="#">Open</a></li>
                        <li><a   class="new_appt" href="#">Open </a></li>
                    </ul>
                </div>
                <h3>12-2</h3>
                <div class="timeslot" id="d1_3">
                    <ul class="_ts">
                        <li><a   class="new_appt" href="#">Open</a></li>
                        <li><a   class="new_appt" href="#">Open </a></li>
                    </ul>
                </div>
                <h3>2-4</h3>
                <div class="timeslot" id="d1_4">
                    <ul class="_ts">
                        <li><a   class="new_appt" href="#">Open</a></li>
                        <li><a   class="new_appt" href="#">Open </a></li>
                    </ul>
                </div>
                <h3>4-6</h3>
                <div class="timeslot" id="d1_5">
                    <ul class="_ts">
                        <li><a   class="new_appt" href="#">Open</a></li>
                        <li><a   class="new_appt" href="#">Open </a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="column" id="day2">
        <div class="route_container">
            <div class="date"></div>
            <button class="add_route" name="add_route">Add New Route</button>
            <div class = "truck" id="day2_route1">
                <h3>8-10</h3>
                <div class="timeslot" id="d2_1">
                    <ul class="_ts">
                        <li><a   class="new_appt" href="#">Open</a></li>
                        <li><a   class="new_appt" href="#">Open </a></li>
                    </ul>
                </div>
                <h3>10-12</h3>
                <div class="timeslot" id="d2_2">
                    <ul class="_ts">
                        <li><a   class="new_appt" href="#">Open</a></li>
                        <li><a   class="new_appt" href="#">Open </a></li>
                    </ul>
                </div>
                <h3>12-2</h3>
                <div class="timeslot" id="d2_3">
                    <ul class="_ts">
                        <li><a   class="new_appt" href="#">Open</a></li>
                        <li><a   class="new_appt" href="#">Open </a></li>
                    </ul>
                </div>
                <h3>2-4</h3>
                <div class="timeslot" id="d2_4">
                    <ul class="_ts">
                        <li><a   class="new_appt" href="#">Open</a></li>
                        <li><a   class="new_appt" href="#">Open </a></li>
                    </ul>
                </div>
                <h3>4-6</h3>
                <div class="timeslot" id="d2_5">
                    <ul class="_ts">
                        <li><a   class="new_appt" href="#">Open</a></li>
                        <li><a   class="new_appt" href="#">Open </a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

目前，我试图使用
var date=$（this.parent（）.parent（）.parent（）.parent（）.parent（）.attr（'id'）
从新列中获取新日期，但我获取的是旧日期。我怎样才能得到新的信息

如果您还需要什么，请告诉我
 只要改变一下：

$(this).parent().parent().parent().parent().attr('id');

致：

如何从
中获取文本？我使用jquery添加数据。我尝试了你建议的一些东西，但我得到了javascript。
$(this).parent().parent().parent().parent().attr('id');

$(e.toElement).parents(".column").attr("id")