jQuery: text() method
Phương thức text() dùng để lấy (get) hoặc thiết đặt (set) nội dung trong phần tử HTML.
Cú pháp:
$(Bộ_chọn).text(); //Cú pháp này sẽ lấy nội dung
$(Bộ_chọn).text( “Nội_dung”); //Cú pháp này sẽ thiết đặt nội dung.
Ví dụ:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://ajax.googleapis. com/ajax/libs/jquery/1.11.0 /jquery.min.js">
</script>
<script>
$(function(){
$("#btn1").click(function(){
alert("Lấy nội dung ban đầu: "+$("#text").text());
});
$("#btn2").click(function(){
$("#text").text("Nội dung mới.")
alert("Sau khi đặt lại nội dung: "+$("#text").text());
});
});
</script>
</head>
<body>
<p id="text">Nội dung ban đầu.</p>
<button id="btn1">Lấy nội dung ban đầu</button>
<button id="btn2">Đặt lại nội dung</button>
</body>
</html>
Hàm callback cho phương thức text()
Cú pháp:
$(Bộ_chọn).text(function( i,Nội_dung_cũ){
return Nội_dung_mới;
});
, trong đó i là chỉ số của phần tử hiện thời.
Ví dụ:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://ajax.googleapis. com/ajax/libs/jquery/1.11.0 /jquery.min.js">
</script>
<script>
$(function(){
$("#btn").click(function(){
$("#test").text(function( i,noidungcu){
alert(noidungcu);
return "Text: Nội dung <b>mới</b> (index: " + i + ").";
});
});
});
</script>
</head>
<body>
<p id="test">Text: Nội dung <b>ban đầu</b>.</p>
<button id="btn">Text: Click lấy nội dung mới</button><br>
</body>
</html>