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

Thay thế khoảng trắng trong các phần tử khác nhau bằng cùng một lớp trong JavaScript?

Đối với điều này, bạn có thể sử dụng ký hiệu dấu chấm (.) Cùng với mỗi ().

Ví dụ

Sau đây là mã -

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Document</title>
</head>
<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>
<body>
   <p class="demo">Javascript Tutorial</p>
   <p class="demo">MySQL Tutorial</p>
   <p class="demo">MongoDB Tutorial</p>
</body>
<script>
   $(".demo").each(function (i, element) {
      $(element).html($(element).html().split(" ").join(""));
   });
</script>
</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.

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Thay thế khoảng trắng trong các phần tử khác nhau bằng cùng một lớp trong JavaScript?