2012-05-04 24 views
5

Làm cách nào để quấn từng từ trong một khoảng và giữ nguyên định dạng văn bản? ví dụ. br, em, mạnhCách quấn từng từ trong một khoảng nhưng giữ nguyên định dạng văn bản

Tôi đang sử dụng đoạn mã sau để quấn mỗi từ từ một trình soạn thảo văn bản định dạng trong một khoảng, nhưng nó tước bỏ tất cả định dạng của tôi.

$(window).load(function() { 
$(".hero_image p").addClass("hero_image_caption"); 
$('.hero_image p').each(function(){ 
    var text = $(this).text().split(' '); 

    for(var i = 0, len = text.length; i < len; i++) { 
     text[i] = '<span>' + text[i] + '</span>'; 
     } 
     $(this).html(text.join(' ')); 

     });   
}); 
+1

Đó là 'văn bản() 'được tước ra định dạng. Nó có thể làm việc tốt hơn nếu bạn hoạt động trên 'html()' thay vào đó và thêm một số logic để tránh cố gắng tiêm '' thẻ vào giữa các thẻ HTML khác. – aroth

Trả lời

6
$('.hero_image p').each(function(){ 
    var text = $(this).html().split(' '), 
     len = text.length, 
     result = []; 

    for(var i = 0; i < len; i++) { 
     result[i] = '<span>' + text[i] + '</span>'; 
    } 
    $(this).html(result.join(' ')); 
});   
+0

Các ngắt dòng đang được bao bọc bên trong các nhịp, và do đó bị bỏ qua. Các thẻ em đôi khi được bao bọc trong khoảng, nhưng lần khác quấn hai từ nhịp. – JV10

Các vấn đề liên quan