Javascript jQuery正在获取可排序元素的id

我有一些可排序的分区等。。但是它们都有相同的类，所以如果我拖动一个，div的所有内容都隐藏了。我想获取正在拖动的div的“id”，并将其放入

hide

和

show

函数中

应该是这样的..

jQuery代码：

$("#column-right").sortable({
    connectWith: ".sort",
    handle: ".title",
    placeholder: "salih",
    cursor: 'move',
    revert: 'invalid',
    start: function() {
        .click(function() {      // I know it is wrong but it should be like this
        var id = $(this).attr('id')
        }
        $('id').hide();
    },
    stop: function() {
        .click(function() {   // same
        var id = $(this).attr('id')
        }
        $('id').show();
    }
});

---

编辑：例如我的问题：

请告诉我这是否是您要找的东西：
JavaScript代码

通常，

$（this）.find（'.contents'）

正是您正在拖动的子元素（内容）。

---

此外，我还将您的3个相同方法合并为1个，以避免重复和代码中的任何混乱。

如果您使用ID分配

可排序的
，然后尝试获取其ID，则Live example或fiddle会有所帮助。这有点不对劲。然后您试图隐藏在开始时拖动的项目，并在结束时显示？这会让用户大惑不解。您可能需要将此
var id=$（this.attr（'id'）
更改为
$（this.hide（）
或
$（this.show（）
在
单击
事件中您正在移动的元素将获得一个“ui可排序助手”类。页面上应该只有一个。您应该能够使用$（'.ui sortable helper'）.hide（）而不是试图获取ID，但我真的很难理解您要做什么。如果拖动的项目被隐藏，您将无法将其放置在某个位置，因为它将显示：无；也许您想使用visability:hidden（$（'.ui sortable helper'）.css（'visability'，'hidden'）；它对您有用吗？将
$（'.contents'）.show（）或hide（）
更改为
$（this）。查找（'.contents'）.show（）或hide（）
谢谢你的回答，但它不是我正在搜索的答案。例如，看看这把小提琴：顺便说一句，谢谢所有的一种方法
$("#column-left, #column-middle, #column-right").sortable({
    connectWith: ".sort",
    handle: ".title",
    placeholder: "salih",
    cursor: 'move',
    revert: 'invalid',
    start: function() {
        $(this).find('.contents').hide();
    },
    stop: function() {
        $(this).find('.contents').show();
    }
});
$(".sort").disableSelection();