Njia html
Njia html inaruhusu kubadilisha maandishi
ya kipengele na kupata yake pamoja na vitambulisho.
Syntax
Kupata maandishi:
$(kichaguzi).html();
Kubadilisha maandishi:
$(kichaguzi).html(maandishi mapya);
Zaidi
Njia html inaweza kutumia kitendakazi
kilichobainishwa kwa kila kipengele katika seti.
Hapo paramu ya kwanza kitendakazi kitapata
nambari ya kipengele katika seti, na paramu ya pili
- maandishi ya sasa ya kipengele:
$(kichaguzi).html(function(nambari katika seti, maandishi ya sasa ya kipengele));
Majina ya vigezo katika kitendakazi yanaweza kuwa yoyote.
Kwa mfano, ikiwa kwa paramu ya kwanza tutatoa jina
index - basi ndani ya kitendakazi chetu kitapatikana
kigezo index, ambacho kitakuwa na nambari katika
seti kwa kipengele hicho ambacho kitendakazi kinakichakata
kwa wakati huu. Vile vile, ikiwa kwa paramu ya pili
tutatoa, kwa mfano, jina value - basi
ndani ya kitendakazi chetu kitapatikana kigezo value,
ambacho kitakuwa na maandishi ya kipengele hicho ambacho kitendakazi
kinakichakata kwa wakati huu:
$(kichaguzi).html(function(index, value) {
// hapa vigezo index na value zinapatikana
});
Maandishi ya kila kipengele yatabadilika kuwa yale ambayo kitendakazi kitairudisha haswa kwa hiki kipengele.
Mfano
Wacha tuonyeshe kwenye skrini yaliyomo kwenye aya yetu:
<p id="test">maandishi</p>
let maandishi = $('#test').html();
alert(maandishi);
Mfano
Wacha tubadilishe yaliyomo kwenye aya yetu:
<p id="test">maandishi1</p>
$('#test').html('maandishi2');
Msimbo wa HTML utaonekana kama hivi:
<p id="test">maandishi2</p>
Mfano
Wacha tubadilishe yaliyomo kwenye aya yetu kwa maandishi yenye vitambulisho:
<p id="test">maandishi1</p>
$('#test').html('<span>maandishi2</span>');
Msimbo wa HTML utaonekana kama hivi:
<p id="test"><span>maandishi2</span></p>
Mfano
Wacha kila aya tuongeze mwishoni nambari yake ya mlolongo katika seti:
<p>maandishi</p>
<p>maandishi</p>
<p>maandishi</p>
$('p').html(function(index, value){
return value + ' ' + index;
});
Msimbo wa HTML utaonekana kama hivi:
<p>maandishi 0</p>
<p>maandishi 1</p>
<p>maandishi 2</p>
Angalia pia
-
Njia
text,
ambayo inaruhusu kupata maandishi ya kipengele bila vitambulisho -
Sifa ya JavaScript
innerHTML,
ambayo kwa kutumia inaweza kubadilisha maandishi ya kipengele kwenye JavaScript safi -
Sifa ya JavaScript
outerHTML,
ambayo kwa kutumia inaweza kubadilisha maandishi ya kipengele pamoja na kitambulisho chake kwenye JavaScript safi
