JQuery выбор. помощь новичку

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-dialog-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

в зависимости от того, где находится заголовок заголовка относительно div клавиатуры, вам придется пройти через дом, чтобы добраться до него используя что-то вроде этого:

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

Answer 3

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

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

Answer 4

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