jQuery selecrors. help for newbie

Question

У меня есть этот код, который открывает новый диалог jquery-ui, а затем скрывает заголовок окна диалога.

<div id="keyboard" class="keyboard dialogs">...</div> 

 

$("#keyboard").dialog({ 
     width: 1136, 
     height: 437, 
     position: ['center',400], 
     closeOnEscape: false, 
     autoOpen: false, 
     resizable: false, 
     open: function(event, ui) { 
      $(".ui-dialog-titlebar").hide(); // <-- this selector i want to change 
     } 
    }); 

Но $ ("UI-диалог-Titlebar") выберите все заголовки окон. Как мне изменить селектор, чтобы скрыть только эту строку заголовка?

Answer 1

Чтобы получить заголовок окна вы можете сделать это:

$(this).prev('.ui-dialog-titlebar').hide(); 

диалоговое окно выглядит примерно так в HTML:

<div class="ui-dialog"> 
    <div class="ui-dialog-titlebar"></div> 
    <div id="keyboard" class="ui-dialog-content"> <!-- "this" element --> 
    Your stuff 
    </div> 
</div> 

Есть больше классов и таких, конечно, но в основном вам нужно вернуться к одному элементу, предыдущий брат - this - это заголовок, который вы хотите скрыть.

Answer 2

Дайте заголовок, в котором вы пытаетесь скрыть идентификатор или какую-либо отличимую черту, с которой вы можете протестировать.

Answer 3

в зависимости от того, где Titlebar существует по отношению к клавиатуре DIV, вам придется пройти через РОМ, чтобы добраться до него, используя что-то вроде этого:

$("this").parents(".ui-dialog-titlebar").hide(); 

Answer 4

Я заметил параметр ui в открытом обработчиком , Это ссылка на только что открывшийся диалог? Если да, то это будет так же просто, как:

ul.find('.ui-dialog-titlebar').hide();