Javascript Jquery UI可选-更改触发选定/未选定事件的dom对象

我有一大堆可选择的OBEJCT

您可以单击它们，然后将它们的id添加到表单中，当取消选择它们时，它将再次从表单中删除

我有一个工作版本，直到我注意到，有时如果你点击太快，id会被添加多次

为了禁止这种情况，我向列表项添加了一个类，以便将其分类为处理

我的问题：

如何获取指向为添加类而单击的DOM元素的指针

什么方法可以运行所有“选定”，但会导致其他问题：

$( ".ui-selected", this ).each(function() {
 if($(this).hasClass('processing'))
 return;
 $(this).addClass('processing');
 });

我现在拥有的-只让元素触发事件。。。这是错误的：

 $(".selectgroup").bind("mousedown", function(e) {
    e.metaKey = true;

   }).selectable( {filter: "li"},
        {
            stop: function(){
                // Add to Form
                $( ".ui-selected", this ).each(function() {
                if($(this).hasClass('processing'))
                return;
                $(this).addClass('processing');

                var itemid = $(this).attr("value");
                var formhtml ='<input type="hidden" name="tags[]" id="id'+itemid+'" value="'+itemid+'">';
                $("#tagform").append(formhtml);
                });
         },
        {
             unselected: function( event, ui ) {

                itemid = "#id" + ui.unselected.value;
                $('').removeClass('processing');
                alert(itemid);
                $(itemid).remove();
             }
        }.................................

$（.selectgroup”）.bind（“鼠标向下”，函数（e）{
e、 metaKey=true；
}).selective（{filter:“li”}，
{
停止：函数（）{
//加入表格
$（“.ui已选定”，此）.each（函数（）{
if（$（this）.hasClass（'processing'））
返回；
$（this.addClass（'processing'）；
var itemid=$（this.attr（“值”）；
var formhtml=''；
$（“#tagform”）.append（formhtml）；
});
},
{
未选择：功能（事件、用户界面）{
itemid=“#id”+ui.unselected.value；
$（''）.removeClass（'processing'）；
警报（itemid）；
$（itemid.remove（）；
}
}.................................

---

对于适合jquery的人来说，这一定很容易解决。

我解决了自己的问题

当你现在做这件事的时候，很容易

查看并节省一些时间：

        {
            selected: function(event,ui){
                // Add to Form
                var item = $(ui.selected);

                if(item.hasClass('processing')){
                  alert("return");  
                  return;
                }
                item.addClass('processing');

                var itemid = item.attr("value");
                alert("S ID - " + itemid);
                var formhtml ='<input type="hidden" name="tags[]" id="id'+itemid+'" value="'+itemid+'">';
                $("#tagform").append(formhtml);



            }
        },
        {
             unselected: function( event, ui ) {

                itemid = "#id" + ui.unselected.value;
                $(ui.unselected).removeClass('processing');
                alert(itemid);
                $(itemid).remove();
             }

{
所选：功能（事件、用户界面）{
//加入表格
变量项=$（ui.selected）；
if（item.hasClass（'processing'））{
警报（“返回”）；
返回；
}
item.addClass（“处理”）；
var itemid=item.attr（“值”）；
警报（“S ID-”+项目ID）；
var formhtml=''；
$（“#tagform”）.append（formhtml）；
}
},
{
未选择：功能（事件、用户界面）{
itemid=“#id”+ui.unselected.value；
$（ui.unselected）.removeClass（'processing'）；
警报（itemid）；
$（itemid.remove（）；
}

我解决了自己的问题

当你现在做这件事的时候，很容易

查看并节省一些时间：

        {
            selected: function(event,ui){
                // Add to Form
                var item = $(ui.selected);

                if(item.hasClass('processing')){
                  alert("return");  
                  return;
                }
                item.addClass('processing');

                var itemid = item.attr("value");
                alert("S ID - " + itemid);
                var formhtml ='<input type="hidden" name="tags[]" id="id'+itemid+'" value="'+itemid+'">';
                $("#tagform").append(formhtml);



            }
        },
        {
             unselected: function( event, ui ) {

                itemid = "#id" + ui.unselected.value;
                $(ui.unselected).removeClass('processing');
                alert(itemid);
                $(itemid).remove();
             }

{
所选：功能（事件、用户界面）{
//加入表格
变量项=$（ui.selected）；
if（item.hasClass（'processing'））{
警报（“返回”）；
返回；
}
item.addClass（“处理”）；
var itemid=item.attr（“值”）；
警报（“S ID-”+项目ID）；
var formhtml=''；
$（“#tagform”）.append（formhtml）；
}
},
{
未选择：功能（事件、用户界面）{
itemid=“#id”+ui.unselected.value；
$（ui.unselected）.removeClass（'processing'）；
警报（itemid）；
$（itemid.remove（）；
}

如果我理解正确，您想要所选元素吗？是的，我想要将类处理添加到所选元素中，以禁止多次执行添加隐藏输入字段的操作，那么您为什么不使用

selected

事件并将类添加到元素中呢？我在一次测试中做了唯一不同的事情是在eve时添加它们nt被调用，stopped应该在选择后也被调用。不知道我是否在我的场景中做了改变我仍然只有event和ui，in event必须是Point。我从您的回复中了解到，您需要在对所选元素执行某些操作后删除该类。并允许对同一元素进行进一步选择。是吗对吗？如果我理解正确，您想要所选元素吗？是的，我想要将类处理添加到所选元素中，以禁止多次执行添加隐藏输入字段的操作，那么为什么不使用

selected

事件并将类添加到元素中呢？我在一次测试中做了一件不同的事情，那就是即使t被调用，stopped应该在选择后也被调用。不知道我是否在我的场景中做了改变我仍然只有event和ui，in event必须是Point。我从您的回复中了解到，您需要在对所选元素执行某些操作后删除该类。并允许对同一元素进行进一步选择。是r吗是吗？