-1

選択されたdivを保存しています

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

後でselectableCellの子の名前selectableCellChildの1つを非表示にします

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

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

この子divを正しく非表示にするにはどうすればよいですか？上記の例の構文が正しくないことはわかっています。selectedCellListのchildren（）メソッドやnext（）メソッドを使用するなど、さまざまな方法で試しました。

4

4 に答える 4

2 
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.
于 2012-06-07T17:46:05.750 に答える
1

For the second part, this is what you want:

$('#deleteConfirmed').on('click', function (event) {
    $(selectedCellList).find('.selectableCellChild').hide();
});
于 2012-06-07T17:46:17.240 に答える
1

を使用し.findます。

selectedCellList.find('selectableCellChild').hide(); // I hope selectableCellChild isn't your real selector, it won't work

また、変数を宣言するときは、未定義のメソッド エラーを回避するために jquery オブジェクトを格納する予定であるため、変数を jQuery オブジェクトにします。

var selectedCell = $();
于 2012-06-07T17:45:21.870 に答える
1

私の理解が正しければ、クリックした div の子を非表示にしようとしています。以下のようにしてみてください、

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

$('#deleteConfirmed').on('click', function (event) {
   //v-- Changed from selectedCellList to selectedCell as this is the clicked div.
   selectedCell.find('.selectableCellChild').hide(); 
   //assuming selectableCellChild-^ is class of child elements in the clicked div
});
于 2012-06-07T17:48:26.113 に答える