Question

I am storing a div which gets selected

var selectedCell = null;
    $(".selectableBox").on('click', function (event) {
            selectedCell = $(this);
        }

Later I want to hide one of selectableCell’s children name selectableCellChild

$('#deleteConfirmed').on('click', function (event) {

    selectedCellList.($'selectableCellChild').hide();
});

How can I correctly hide this child div? I know the syntax of the above example isn’t right, and I have tried it many ways including using children() and next() methods of selectedCellList

Answer 1

selectedCellList.find('{selectableCellChild}').hide();

Where selectableCellChild is a placeholder for the real selector of the cell.

I have tried it many ways including using children() and next()

• children – traverse only one level deep.
• find – traverse the all the DOM levels deep.
• next select the next immediate sibling.