jquery - chuyển đến hàng tiếp theo của bảng dựa trên tên lớp từ vị trí hàng hiện tại?

Question

Tôi có thể lấy hàng hiện tại bằng mã này. "Đây" là một liên kết trong một ô bảng trong hàng.

$currentTR = $(this).parents('tr'); 

Hai dòng tiếp theo có thể làm tương tự, lấy dấu sau hàng hiện tại.

$nextTR = $(this).parents('tr').next(); 
$nextTR = $(this).parents('tr').next('tr'); 

Nếu tôi ra $nextTR.html() tôi thấy những gì tôi mong đợi

Tôi không biết có bao nhiêu hàng tôi cần phải đi để có được hàng đúng trừ bởi tên lớp và làm nó như thế này không làm việc cho tôi.

$nextTR = $(this).parents('tr').next('.concept'); 
$nextTR = $(this).parents('tr').next('tr .concept'); 

Tất cả tôi nhận được là null

Ví dụ trên docs.Jquery link text sử dụng này

$("p").next(".selected").css("background", "yellow"); 

tôi thiếu gì ở đây?

Answer 1

Cho nextAll một shot.

Answer 2

Bạn muốn nhận bản tiếp theo thuộc một lớp nhất định?

Bạn có thể thử thực hiện .next() và sau đó kiểm tra lớp học?

Tôi hơi bối rối về câu hỏi của bạn, tôi sẽ thừa nhận, bởi vì bạn dường như đã cung cấp câu trả lời của riêng bạn ...

Answer 3

tôi đã cố gắng để tái html + javascript at jsbin của bạn và tôi có thể tạo lại vấn đề:

siblings() trả về tất cả 4 dòng, và tôi có thể thấy rằng hai trong số các hàng có class="concept", nhưng next('.concept') không trả lại bất cứ điều gì .

Không phải là kế tiếp() phải là một tập con của anh chị em()?

---

cảm ơn nhận xét, giờ tôi đã hiểu! Tôi cần silbings, không phải tiếp theo.

Answer 4

Chúng ta hãy giả sử rằng, bạn có HTML một cái gì đó như dưới đây:

HTML:

<tr class="current_tr"> <!-- This is your current tr --> 
... 
..... 
... 
</tr> 

<tr class="nextRowClass"> <!-- You need to find this tr with the class--> 
... 
..... 
... 
</tr> 

JS:

var current_row = $('tr.current_tr'); 
//You can get next row with the class as below 
var next_row_with_class = $(current_row).next("tr.nextRowClass");