Метод 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>
