Как выбрать все элементы, которые не входят в элемент с определенным идентификатором?

Question

Можно ли выбрать, например, все div, которые не содержатся в элементе с идентификатором myId?

Селектор not() может иметь функциональные возможности для этого, но я не знаю, как.

Так, например:

<div>
   <div id="myId">
      <input/>
      <input/>
      <input/>
   </div>
   <input>I only want to select this one</input>
</div>

Answer 1

Вы можете использовать .not() для фильтрации нежелательных входов:

$('input').not('#myId input').css({ // if inputs are always direct child, you can use #myId>input
  'border-color': 'red'
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <div id="myId">
    <input type="text">
    <input type="text">
    <input type="text">
  </div>
  <input type="text">
</div>

Answer 2

Ваш вопрос немного сбивает с толку, потому что вы говорите, что хотите выбрать div s, но затем ваш пример показывает, что вы хотите выбрать input.Предполагая, что вы хотите input,

$(input:not(#myID > input))

должен это сделать.