Метад html
Метад html дазваляе змяняць тэкст
элемента і атрымліваць яго разам з тэгамі.
Сінтаксіс
Атрыманне тэксту:
$(селектар).html();
Змяненне тэксту:
$(селектар).html(новы тэкст);
Дадаткова
Метад html можа ўжыць зададзеную
функцыю да кожнага элемента ў наборы.
Пры гэтым першым параметрам функцыя атрымае
нумар элемента ў наборы, а другім параметрам
- бягучы тэкст элемента:
$(селектар).html(function(нумар у наборы, бягучы тэкст элемента));
Імёны зменных у функцыі могуць быць любымі.
Напрыклад, калі для першага параметра мы дамо імя
index - тады ўнутры нашай функцыі будзе даступная
зменная index, у якой будзе ляжаць нумар у
наборы для таго элемента, які функцыя апрацоўвае
ў дадзены момант часу.Аналагічна, калі для другога
параметра даць, напрыклад, імя value - тады
ўнутры нашай функцыі будзе даступная зменная value,
у якой будзе ляжаць тэкст таго элемента, які функцыя
апрацоўвае ў дадзены момант часу:
$(селектар).html(function(index, value) {
// тут даступныя зменныя index і value
});
Тэкст кожнага элемента зменіцца на той, які верне функцыя канкрэтна для гэтага элемента.
Прыклад
Давайце вывядзем на экран змесціва нашага абзаца:
<p id="test">text</p>
let text = $('#test').html();
alert(text);
Прыклад
Давайце зменім змесціва нашага абзаца:
<p id="test">text1</p>
$('#test').html('text2');
HTML код стане выглядаць так:
<p id="test">text2</p>
Прыклад
Давайце зменім змесціва нашага абзаца на тэкст з тэгамі:
<p id="test">text1</p>
$('#test').html('<span>text2</span>');
HTML код стане выглядаць так:
<p id="test"><span>text2</span></p>
Прыклад
Давайце кожнаму абзацу дадамо ў канцы яго парадкавы нумар у наборы:
<p>text</p>
<p>text</p>
<p>text</p>
$('p').html(function(index, value){
return value + ' ' + index;
});
HTML код стане выглядаць так:
<p>text 1</p>
<p>text 2</p>
<p>text 3</p>
