jQuery - nội dung tương đương với hơn nội dung chứa

Question

Với html sau ...

<div id="group"> 
    <ul> 
     <li><div class="category">one</div></li> 
     <li><div class="category">one</div></li> 
     <li><div class="category">onetwo</div></li> 
     <li><div class="category">two</div></li> 
    </ul> 
</div> 

... Tôi đang cố gắng để tìm ra cách để làm cho một selector trong jQuery mà sẽ chọn tất cả các yếu tố mà '#group ul li' có một con '.category' với innerHTML bằng một số chuỗi (ví dụ: "một"). Ví dụ, với chuỗi "một", bộ chọn này sẽ trả về hai li đầu tiên.

Dưới đây là những gì tôi có cho đến nay:

$('#group ul li') sẽ chọn tất cả các li của. Sau đó, tôi cần phải lọc:
$('#group ul li').filter(".category:contains('one')") sẽ chọn tất cả các li này sao cho chúng có con với danh mục lớp chứa chuỗi 'một'. Tuy nhiên, có cách nào để kiểm tra xem đây có phải là bằng cho một không?

Tôi nghĩ có lẽ chỉ cần viết hàm của riêng mình mà kiểm tra bình đẳng và vượt qua để lọc?

Answer 1

$('#group ul li div.category').filter(function() {return $(this).text() == "one";}).parent() 

Đây có lẽ là cách cụ thể nhất. Xem example.

Answer 2

Bạn có thể sử dụng chức năng bộ lọc với một cuộc tranh luận chức năng. Một cái gì đó như:

$('#group ul li').filter(function() { return $(this).html() == 'one'; }) 

Answer 3

liệu câu lệnh if có hoạt động hay bạn đang tìm kiếm bộ chọn? như tuyên bố, điều này có thể làm ...

if ($('#group ul li .category').html() == 'one') 

Answer 4

Không có câu nào ở trên là đúng. Tôi đã sử dụng công cụ này làm công cụ chọn của mình:

$('#group ul li').filter(function() { 
    return $(this).children('.category').html() == 'one'; 
}) 

Vui lòng cho tôi biết nếu có cách nào tốt hơn để làm điều này và tôi vui vẻ chấp nhận câu trả lời của bạn.