Làm thế nào để chọn một li với một lớp học cụ thể?

Question

<ul id="attached_deals_tab" class="nav nav-tabs"> 
    <li class="active"> 
    <a data-toggle="tab" href="#Test1">Test1</a> 
    </li> 
    <li class=""> 
    <a data-toggle="tab" href="#Test2">Test2</a> 
    </li> 
</ul> 

Với jquery như thế này, tôi có thể nói cho tôi tất cả các mục danh sách:

$('#attached_deals_tab li'); 

Nhưng làm thế nào tôi có thể nói cho tôi chỉ li có class="active"? Trong một dòng xin vui lòng.

Tôi biết làm thế nào để phủ nhận nó:

$('#attached_deals_tab li:not(.active)'); 

Nhưng không phải là cách khác xung quanh ...

Answer 1

$('#attached_deals_tab li.active'); 

Answer 2

này nên làm điều đó, cú pháp chỉ là giống như trong CSS:

$('#attached_deals_tab li.active'); 

Answer 3

đơn giản, làm

$('#attached_deals_tab li.active').(...) 

Answer 4

Bạn chỉ có thể sử dụng lớp khi ul id đã được xác định:

$("#attached_deals_tab .active"); 

Trừ khi bạn có một cái gì đó khác hơn li s trong đó và cái gì đó cũng đang được áp dụng lớp active, đó sẽ là kỳ lạ .

Answer 5

Bạn nên sử dụng bộ chọn con để chuẩn bị mã của bạn cho các danh sách lồng nhau có thể trong tương lai:

$('#attached_deals_tab > .active') 

Nó sẽ chỉ chọn trẻ em trực tiếp. Theo đặc điểm kỹ thuật, ul chỉ có thể có các thành phần là li là con của nó, vì vậy khi sử dụng bộ chọn con, .active phải đủ, không cần chỉ định li.active.

By danh sách lồng nhau, tôi có nghĩa là một cái gì đó như thế này:

<ul id="attached_deals_tab"> 
    <li class="active"></li> 
    <li></li> 
    <li> 
     <ul> 
      <li class="active"></li> 
      <li></li> 
     </ul> 
    </li> 
</ul> 

đọc documentation on jQuery Selectors cũng sẽ giúp rất nhiều.