yếu tố phát hiện bằng văn bản sử dụng jQuery

Question

Tôi muốn tạo ra một mảng của tất cả các yếu tố html trong một div có chứa chuỗi văn bản, chẳng hạn như

<p>some string</p>. 

Tôi không muốn để có được giữ của chuỗi, tôi muốn các mục mảng là các phần tử (trong ví dụ, sẽ là nút p). Tôi không biết trước những gì các dây sẽ được, vì vậy tôi không thể tìm kiếm các giá trị chuỗi để phù hợp. Tôi cũng không muốn các nút văn bản trống rỗng kết thúc trong mảng.

Cảm ơn!

Answer 1

$("#my_div *").filter(function() 
{ 
    var $this = $(this); 
    return $this.children().length == 0 && $.trim($this.text()).length > 0; 
}) 

Phiên bản này sẽ không trở lại các yếu tố cha mẹ có chứa các yếu tố có văn bản, chỉ có yếu tố mức độ cuối cùng.

Có thể không phải là nhanh nhất nhưng hoạt động khá tốt trên trang chủ StackOverflow :)

Answer 2

Bạn có thể lướt qua các children và lấy tất cả những gì có giá trị .text()!= ""

Answer 3

d là div dưới mà bạn muốn tìm những thứ
v là một mảng trống
i bạn phải bắt đầu ra tại 0.

$ .trim được sử dụng để bạn không nhận được các nút chỉ là khoảng trắng.

$("*",d).filter(function() { 
    return $.trim($(this).text()) != "" 
    }).each(function() { 
    v[i] = $(this).text(); 
    i++; 
    }); 

Người ta cũng có thể sử dụng v.push ($ (this)) ... đó là thứ đã hoàn toàn lọt tâm trí của tôi.

Answer 4

var array = []; 
var divSelector = "div.mine"; 

$(divSelector).contents().each(function() 
{ 
    // If not an element, go to next node. 
    if (this.nodeType != 1) return true;  

    var element = $(this); 
    if ($.trim(element.text()) != "") 
    array.push(element); 
}); 

array là mảng các phần tử có một số văn bản trong chúng.

Answer 5

$(function() { 
     var array = new Array(); 
     $("#testDiv *").each(function(x, el) { 

      if ($.trim($(el).text()) != '') { 
       array.push(el); 
      } 
     }); 
     alert(array.length); 
    }); 

Answer 6

Bạn có thể tận dụng không và selectors trống để có được những yếu tố không có sản phẩm nào trong khi chuyển đổi thành một mảng có thể đạt được sử dụng có được

$("#theDiv > :not(:empty)").get(); 

Bộ chọn trên được tất cả các yếu tố con của "theDiv" và không trống (nghĩa là chúng có con hoặc văn bản) và sau đó chuyển đổi tập hợp đã khớp thành một mảng.

Nếu bạn muốn chỉ yếu tố có văn bản bên trong chúng, điều này sẽ làm việc ...

$("#theDiv > :not(:empty, :has(*))").get(); 

Để thoát khỏi các yếu tố có khoảng trắng, bạn có thể tận dụng bộ lọc

$("#theDiv > :not(:has(*))").filter(function() { 
       return $.trim(this.innerHTML).length > 0; 
     }).get(); 

Answer 7

Một công cụ chọn tùy chỉnh có thể hữu ích trong trường hợp của bạn:

jQuery.expr[':'].hasText = function(element, index) { 
    // if there is only one child, and it is a text node 
    if (element.childNodes.length == 1 && element.firstChild.nodeType == 3) { 
     return jQuery.trim(element.innerHTML).length > 0; 
    } 
    return false; 
}; 

Sau đó, bạn chỉ cần thực hiện việc này:

$('#someDiv :hasText') // will contain all elements with text nodes (jQuery object) 
$('#someDiv :hasText').get() // will return a regular array of plain DOM objects 

Tôi giả định rằng bạn chỉ đang cố gắng chọn các phần tử có văn bản CHỈ bên trong chúng.

Answer 8

Sử dụng: chứa selector:

var matches = new Array(); 
$('#start_point *:contains(' + text + ')').each(function(i, item) { 
matches.push(item); 
}