Получение данных из тегов c помощью jQuery

Как получить содержимое тегов и атрибутов с помощью методов jQuery.

1

Получает HTML-содержимое.

<div class="box">
	<p>Item 1</p>
	<p>Item 2</p>
	<p>Item 3</p>
</div>
HTML
$('.box').html();
JS

Результат:

<p>Item 1</p>
<p>Item 2</p>
<p>Item 3</p>
2

Получает текстовое содержимое.

<div class="box">
	<p>Item 1</p>
	<p>Item 2</p>
	<p>Item 3</p>
</div>
HTML
$('.box').text();
JS

Результат:

Item 1
Item 2
Item 3
3

Получает значение любого атрибута.

<a class="btn" href="http://site.ru">Link</a>
HTML
$('.btn').attr('href');
JS

Результат:

http://site.ru
4

Получает значение атрибута value="..." у полей форм.

<input class="field" type="text" name="email" value="mail@site.ru">
HTML
$('.field').val();
JS

Результат:

mail@site.ru
5

.data("name") – получает значение data-name="...", краткая форма .attr('data-name').

<input class="field" type="text" name="email" value="mail@site.ru" data-name="123">
HTML
$('.field').data('name');
JS

Результат:

123
6

.css('название_свойства') – получает конечное значение CSS-свойства.

<div class="text" style="color: orange;">Text</div>

<style>
.text {
	font-size: 20px;
	boreder: 1px silid #000;
}
</style>
HTML
$('.text').css('font-size');
$('.text').css('color');
$('.text').css('boreder');
JS

Результат:

20px
orange
1px silid #000
19.08.2019, обновлено 27.08.2019
13506

Комментарии

, чтобы добавить комментарий.

Другие публикации

Whois, как получить данные IP-адреса и домена в PHP
Несколько примеров как в PHP получить информацию о домене и IP-адресе.
20641
+6
Перебор ячеек таблицы jQuery
Обойти ячейки таблицы можно с помощью jQuery метода each, например следующий код выводит текст из всех ячеек в консоль.
25278
+5
Описание мета-тегов
В статье представлены все самые встречающеюся мета-теги с примерами и пояснениями их использования.
29884
+4
Генерация счета на оплату PDF PHP
С помощью расширения dompdf можно легко сформировать PDF файл. По сути, dompdf - это конвертер HTML в PDF который...
70073
+34
Список MIME типов
Ниже приведён список MIME-заголовков и расширений файлов.
26725
+8
Работа с Input Text jQuery
Сборник приемов JQuery для работы с текстовыми полями. Во всех примерах используется следующий html код...
132431
+15