如何从丢弃的可排序元素中获取div类名/ id?

时间:2014-11-24 20:21:08

标签: javascript jquery html asp.net-mvc

我正在使用我创建的表格进行排序。我想要的是能够获得包含我删除的元素的div类名称。

这是我的HTML:

<div class="@c.CodigoAgrupador">
    <div class="subcatalog">
        @foreach (CodigoAgrupadorCuentas_CE c2 in Model.CodigosAgrupadores)
        {
            if (double.Parse(c2.CodigoAgrupador) > double.Parse(c.CodigoAgrupador) && double.Parse(c2.CodigoAgrupador) < (double.Parse(c.CodigoAgrupador) + 1))
            {
                <h4><a href="#">@c2.CodigoAgrupador  -  @c2.NombreCuenta</a></h4>
                <div>
                    <div class="SpecificCatalog">
                        <ol>
                            <li class="placeholder">Add your items here</li>
                        </ol>
                    </div>
                </div>
            }
        }
    </div>
    <div class="GeneralCatalog">
        <ol>
            <li class="placeholder">Add your items here</li>
        </ol>
    </div>
</div>

这是我脚本的一部分:

<script>
    $(function () {
        $("#catalog").accordion({
            collapsible: true,
            active: false,
            autoHeight: false,
            change: function (event, ui) {
                var currentHeaderID = ui.newHeader.find("a").attr("id");
                window.alert(currentHeaderID);
            }
        });
        $(".subcatalog").accordion({
            collapsible: true, active: false, autoHeight: false,
            change: function (event, ui) {
                var currentHeaderID = ui.newHeader.find("a").attr("id");
                window.alert(currentHeaderID);
            }
        });

        $(".GeneralCatalog").sortable({
            connectWith: ".SpecificCatalog, .listaCatalogosContenido", helper: "clone",
            appendTo: "body",

            stop: function (event, ui) {
                //console.log((this).sortable('toArray', { attribute: 'value' }));
                console.log(ui.item);

                //$("div#catalog h3 a").each(function (item) {
                //    alert($(this).text());
                //});
            }
        });
    });
</script>

我感兴趣的是,当我从jquery调用stop函数时,我可以使用ui.item来获取包含它的div的类名,例如:

ui.item.parent.getclassname();

我不想知道元素是否在一个类中,我想知道类名。对不起,如果难以理解,我的英语不是最好的。欢迎任何帮助。

1 个答案:

答案 0 :(得分:2)

您应该可以执行以下操作:

ui.item.parent().hasClass(<whatever you want to test>)

请澄清这是否不能满足您的需求......

好的,只是重新阅读你的问题,听起来你想知道父div的所有类,而不仅仅是div有一个特定的类。 From this other SO question / answer,您可以这样做:

ui.item.parents('div')[0].className.split(/\s+/);