jQuery: найдите все входные данные, которые являются потомками формы, и отметьте их красной пунктирной рамкой

Последнее обновление 24 сентября 2018 г. 06:38:29 (UTC / GMT +8 часов)

script1adsense2code

script1adsense3code

jQuery Fundamental - II: упражнение 77

Найдите все входные данные, которые являются потомками формы, и отметьте их пунктирной красной рамкой. Дайте зеленый фон входам, которые являются потомками набора полей, который является потомком формы.

Примечание. Селектор потомков («потомок предка») выбирает все элементы, являющиеся потомками данного предка. Потомок элемента может быть потомком, внуком, правнуком и т. Д. Этого элемента.

Пример решения:

HTML-код:

<!DOCTYPE html>
  <html>
  <head>
  <script src="https://code.jquery.com/jquery-git.js"></script>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Find  all inputs that are descendants of a form  and mark them with a dotted red border. </title>
  </head>
  <body>
  <form>
<label for="name">Child of form:</label>
  <input name="name" id="name">
  <fieldset>
  <label for="newsletter">Grandchild of form, child of fieldset:</label>
  <input name="newsletter" id="newsletter">
  </fieldset>
  </form>
  Sibling to form: <input name="none">
  </body>
  </html>

Код CSS:

form {
border: 2px blue solid;
padding: 2px;
margin: 0;
background: #efe;
}
div {
color: red;
}
fieldset {
margin: 1px;
padding: 3px;
}

Код JavaScript:

$( "form input" ).css( "border", "2px dotted red" );
$( "form fieldset input" ).css( "backgroundColor", "green" );

См. Pen jquery- ОСНОВНОЕ УПРАВЛЕНИЕ -77 от w3resource ( @ w3resource ) на CodePen .

Внесите свой код и комментарии через Disqus.

Предыдущий: Завершить пользовательскую функцию очереди, используя очередь, которая позволяет очереди продолжать движение.
Далее: Удалить все параграфы из DOM.