Javascript 如何使用jQuerys选择一个div及其子对象作为句柄？

我有一个div，其中包含两个不填充该div的元素。我希望选择元素以选择包含该div的元素。此外，我希望在div中单击但在元素外部单击不会选择元素（并触发取消选择）。我该怎么做

小提琴：

小提琴：

---

小提琴：对不起，你想做什么？通过选择父div，您想自动选择子div吗？我想选择父div，但只能通过单击子div（即不是div内的空白，而是子div外的空白）来选择。对不起，您想怎么做？通过选择父div，您希望自动选择子div？我希望父div可以选择，但只能通过单击子div（即不是div内的空白，而是子div外的空白）来选择

$("#all").on("mousedown", function(event) {
    if (!$(event.target).is(".item-top, .item-bottom") && !$(event.target).hasClass("ui-selected")) {
        event.stopImmediatePropagation();
        return false;
    }
});

$('#all').selectable({
    start: function(event, ui) {
        $(this).data("isDeselect", $(event.target).is(".item"))
    },
    selected: function(e, ui) {
        if ($(this).data("isDeselect") === true) {
            $(ui.selected).removeClass("ui-selected");
            ui.selected = null;
        }
    }
});