html մեթոդը
html մեթոդը թույլ է տալիս փոխել տարրի տեքստը
և ստանալ այն ներառյալ թեգերը:
Շարահյուսություն
Տեքստի ստացում.
$(ընտրիչ).html();
Տեքստի փոփոխում.
$(ընտրիչ).html(նոր տեքստ);
Լրացուցիչ
html մեթոդը կարող է կիրառել տրված
ֆունկցիան հավաքածուի յուրաքանչյուր տարրի նկատմամբ:
Այս դեպքում ֆունկցիան առաջին պարամետրով կստանա
տարրի համարը հավաքածուում, իսկ երկրորդ պարամետրով
- տարրի ընթացիկ տեքստը.
$(ընտրիչ).html(function(համարը հավաքածուում, ընթացիկ տեքստը տարրի));
Ֆունկցիայի փոփոխականների անունները կարող են լինել ցանկացած:
Օրինակ, եթե առաջին պարամետրին տանք
index անունը - ապա մեր ֆունկցիայի ներսում հասանելի կլինի
index փոփոխականը, որում կլինի այն տարրի համարը հավաքածուում,
որը ֆունկցիան մշակում է տվյալ պահին: Նմանապես, եթե երկրորդ
պարամետրին տանք, օրինակ, value անունը - ապա
մեր ֆունկցիայի ներսում հասանելի կլինի value փոփոխականը,
որում կլինի այն տարրի տեքստը, որն ֆունկցիան
մշակում է տվյալ պահին.
$(ընտրիչ).html(function(index, value) {
// այստեղ հասանելի են index և value փոփոխականները
});
Յուրաքանչյուր տարրի տեքստը կփոխվի այն տեքստով, որը ֆունկցիան կվերադարձնի հենց այդ տարրի համար:
Օրինակ
Եկեք արտապատկերենք էկրանին մեր պարբերության պարունակությունը.
<p id="test">տեքստ</p>
let text = $('#test').html();
alert(text);
Օրինակ
Եկեք փոխենք մեր պարբերության պարունակությունը.
<p id="test">տեքստ1</p>
$('#test').html('տեքստ2');
HTML կոդը կունենա հետևյալ տեսքը.
<p id="test">տեքստ2</p>
Օրինակ
Եկեք փոխենք մեր պարբերության պարունակությունը թեգերով տեքստով.
<p id="test">տեքստ1</p>
$('#test').html('<span>տեքստ2</span>');
HTML կոդը կունենա հետևյալ տեսքը.
<p id="test"><span>տեքստ2</span></p>
Օրինակ
Եկեք յուրաքանչյուր պարբերության վերջում ավելացնենք դրա հերթական համարը հավաքածուում.
<p>տեքստ</p>
<p>տեքստ</p>
<p>տեքստ</p>
$('p').html(function(index, value){
return value + ' ' + index;
});
HTML կոդը կունենա հետևյալ տեսքը.
<p>տեքստ 0</p>
<p>տեքստ 1</p>
<p>տեքստ 2</p>
