Computer >> Máy Tính >  >> Lập trình >> Javascript

Làm cách nào để chỉ hiển thị văn bản hiển thị với jQuery?


Để chỉ hiển thị văn bản hiển thị, hãy sử dụng khái niệm - bộ chọn hiển thị trong jQuery. Nó chọn phần hiện đang hiển thị. Sau đây là mã -

Ví dụ

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initialscale=
1.0">
<title>Document</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
<div id="myDiv">
<span class="test" style="display:none"><b>Test Class</b></span>
<span class="demo"> <b>Demo class</b></span>
</div>
<script>
   $('#myDiv').children(":visible").text()
</script>
</body>
</html>

Để chạy chương trình trên, hãy lưu tên tệp “anyName.html (index.html)” và nhấp chuột phải vào tệp. Chọn tùy chọn “Mở bằng Máy chủ Trực tiếp” trong trình chỉnh sửa Mã VS.

Điều này sẽ tạo ra kết quả sau hiển thị văn bản hiển thị -

Làm cách nào để chỉ hiển thị văn bản hiển thị với jQuery?