кодесурса
«JQuery

JQuery: получить один элемент из выбора

script1adsense2code
script1adsense3code

Ядро jQuery: упражнение 7 с решением

Напишите код jQuery, чтобы получить один элемент из выбора.

Пример данных :

 <Тело>
<Щ>
<li> Учебник по HTML </ li>
<li> Учебное пособие по Mongodb </ li>
<li> Python Tutorial </ li>
</ Body>

Решение:

HTML-код:


<!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
  <meta charset="utf-8">
  <title>Write a jQuery Code to get a single element from a selection</title>
</head>
<body>
<ui>
  <li>Html Tutorial</li>
  <li>Mongodb Tutorial</li>
  <li>Python Tutorial</li>
</body>
</html>

Код JavaScript:


var listItems = $( 'li' );
var rawListItem = listItems[1]; // or listItems.get(0)
var html = rawListItem.innerHTML;
console.log(html);

Пример вывода:

 "Mongodb Tutorial" 

Демонстрация в реальном времени:

См. Pen jquery-core-упражнение-7 от w3resource ( @ w3resource ) в CodePen .


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

Previous: написать код jQuery для динамического добавления элемента div (и всего его содержимого) к элементу body.
Далее: напишите код jQuery для добавления тега в начале элемента списка, содержащего индекс элемента списка.

Каков уровень сложности этого упражнения?

Новый контент: Composer: менеджер зависимостей для PHP , R программирования


script1adsense4code
script1adsense5code
disqus2code
script1adsense6code
script1adsense7code
script1adsense8code
buysellads2code