Trung tâm cá nhân
cuốn sách gpt4 ai đã làm

javascript - Chỉ hiển thị một đoạn văn... bất kể có nhiều hơn, trống, trống, lớp... chỉ và chỉ CSS

In lại Tác giả: Vũ trụ không gian Thời gian cập nhật: 2023-11-04 07:40:20 33 4
mua khóa gpt4 Nike

Tôi đang tìm thuộc tính css để ẩn một đoạn có hoặc không có lớp css nếu nó chứa dấu cách() hoặc khoảng trắng, nhưng tôi muốn giữ ít nhất một đoạn có hoặc không có nếu có nhiều hơn.

Ẩn đoạn văn nếu nó trống hoặc chứa khoảng trắng () tốt nhất chỉ là css...nếu không có tùy chọn nào khác thì chỉ cần javascript/jquery

// Lý tưởng nhất là tôi không muốn sử dụng javascript/jquery

$("p").html(function(i, html) {
                  return html.replace(/ /g, '');
                });
        p:nth-con(n+2):trống,
        p:nth-con(n+2):trống,
        .MsoNormal p:nth-child(n+2):trống,
        .MsoNormal p:nth-child(n+2):blank {
        lề: 0 0 0px;
        display: none;
        }

        p::trước {
        nội dung: ' ';
        }

        p:trống::trước {
        nội dung: '';
        display: none;
        }

        p:con đầu:empty+p:not(:empty)::trước {
        nội dung: '';
        }

        p:con đầu:empty+p:empty+p:not(:empty)::trước {
        nội dung: '';
        }

        p::sau {
        nội dung: '';
        display: none;
        p:trống::sau {
        display: none;
        }
        p:first-child:empty+p:not(:empty)::after {
        nội dung: '';
        }
        p:con đầu:empty+p:empty+p:not(:empty)::sau {
        nội dung: '';
        }

 một số văn bản - 1 

    
 

    
 

    
 

    
 một số văn bản - 2 

    
 


    
 một số văn bản - 3 

    
 

    
 

    
 
    
 
    
 

    
 một số văn bản - 4 

    
 
    
 

    
 một số văn bản - 5 

    

    

    
 một số văn bản - 6 

    

    

    

    Vậy ở trên html, tôi muốn hiển thị:

    
 một số văn bản - 1 

    
 

    
 một số văn bản - 2 

    
 

    
 một số văn bản - 3 

    
 

     
 một số văn bản - 4 

    
 
    
 một số văn bản - 5

Vì vậy, tôi đã cố gắng lấy nó thông qua lớp giả và phần tử giả nhưng không thành công. (Lưu ý - Tôi có jQuery đang hoạt động ở đây nhưng không muốn sử dụng nó trước.)

câu trả lời hay nhất

Theo tôi biết, bạn không thể thực hiện việc này chỉ bằng CSS.

Sử dụng jQuery là cách đơn giản và ngắn gọn nhất. Tôi không hiểu tại sao bạn có jQuery nhưng bạn không muốn sử dụng nó nhưng làm điều này với js thuần túy thì đối với tôi thì "xấu" hơn. Mặc dù tôi sẽ cung cấp cho bạn 2 đoạn mã.

Mã JS:

// lấy các phần tử và chuyển đổi từ đối tượng HTMLCollection sang mảng
var array_p = document.getElementsByTagName("P");
mảng_p = Array.prototype.slice.call(array_p);

mảng_p.forEach(hàm(giá trị, chỉ mục) {
    var text = value.innerHTML;
    text = text.replace(regExp mới(' ', 'g'), '');
    text = text.replace(new RegExp(' ', 'g'), '');
    value.style.display = "không có";
});

Ví dụ: nếu bạn muốn sử dụng nó, tôi sẽ thêm mã jQuery:

$.each($("p"), function(index, value) {
    var text = $(this).html();  
    text = text.replace(regExp mới(' ', 'g'), '');
    text = text.replace(new RegExp(' ', 'g'), '');
    if (text.length == 0) {
        $(this).css("display", "none");
    }

})

Về javascript - chỉ hiển thị một đoạn văn... cho dù có nhiều hơn, khoảng trắng, khoảng trống, lớp... chỉ và chỉ CSS, chúng tôi đã tìm thấy một câu hỏi tương tự trên Stack Overflow: https://stackoverflow.com/questions/48580358/

33 4 0
Bài viết khuyến nghị: chú thích tờ rơi cách tạo kiểu css trong div thông qua mã bản thảo
Bài viết khuyến nghị: Hợp nhất sắp xếp trong C biên dịch nhưng không sắp xếp
Bài viết khuyến nghị: Gạch JSP không có Struts và Maven
Bài viết khuyến nghị: Làm cách nào để đặt cấu trúc khởi tạo vào cấu trúc?
không gian vũ trụ
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
Các bài viết phổ biến trên toàn bộ trang web
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress