javascript - jQuery 获取所选对象的子对象

Question

我有一个被单击的选定对象。发生这种情况时，我想检索该对象，然后找到具有特定类值的子对象，以便我可以禁用它们。

我能够获取该对象，但是当我访问子对象时，即使我可以看到子对象，我总是得到“未定义”。我浏览了该对象，可以看到我正在寻找的类属性值。

有人可以告诉我我引用的是否正确吗？下面是我的代码，问题的具体行是，

var kids = clicked_obj.children('.ui-selected');

            // manually trigger the "select" of clicked elements
        $(".page").click(function (e) {
            console.log(e);
            //var selected_divs = $(".page").find("div[class*='ui-selected']");
            var selected_divs = $(".page").find(".existingFieldItem.ui-selected");

            selected_divs.each(function () {
                if (e.ctrlKey == true) {
                    var clicked_obj = e.target.parentElement;
                    var kids = clicked_obj.children('.ui-selected');

                    console.log("Ctrl clicked");
                    console.log($(this).attr("id"));

                    kids.each(function () {
                        $(this).removeClass("ui-selected");
                    });


                    // if command key is pressed don't deselect existing elements
                    $(this).removeClass("ui-selected");
                    $(this).addClass("ui-selecting");


                }
                else {
                    if ($(this).hasClass("ui-selected")) {
                        // remove selected class from element if already selected
                        $(this).removeClass("ui-selected");
                    }
                    else {
                        // add selecting class if not
                        $(this).addClass("ui-selecting");
                    }
                }
            });

            $(".page").data("ui-selectable")._mouseStop(null);
        });

    });

Answer 1

您缺少 jQuery 选择:

var clicked_obj = $(e.target.parentElement);

e.target.parentElement 是一个 DOM 元素对象，而不是 jQuery 选择。