Tôi muốn ẩn một đứa trẻ cụ thể bằng cách sử dụng javascript:
#table-detail > tbody > tr:nth-child(10)
Dựa trên nội dung của một đứa trẻ cụ thể khác trước đó:
#table-detail > tbody > tr:nth-child(7) > td:nth-child(2)
Tôi có thể ẩn đứa trẻ như sau:
$('#table-detail > tbody > tr:nth-child(10)').css('display', 'none');
Nhưng tôi không biết cách kiểm tra nội dung của phần tử con trước đó (nếu phần tử con
#table-detail > tbody > tr:nth-child(7) > td:nth-child(2)" content == 'Tarte-fine
Sau đó ẩn phần tử con X.
Vui lòng tìm mẫu dưới đây:
<-NỘI DUNG CẦN KIỂM TRA YẾU TỐ CON NÀY
<- YẾU TỐ CON CẦN ẨN
# Lệnh | 26 |
Quy chế chỉ huy | Không có đặc điểm |
Phòng thí nghiệm quy chế | Người được chuyển nhượng |
Danh định | Ứng dụng khách |
Thiên nhiên | Pháp sư khách hàng |
Ngày rút lại | |
Danh mục | Tarte-fine |
Sản phẩm | Quả mơ |
# người | 10 |
Taille (cm) | 16 |
Dòng chữ | |
Trang trí hoa huệ nhỏ | không xác định |
Trang trí Sôcôla và trái cây | không xác định |
Nombre de sandwich | |
Poid | |
Bánh mì kẹp 1 | |
Bánh mì kẹp 2 | |
Bánh mì kẹp 3 | |
Bánh mì kẹp 4 | |
Couleur du ruban | |
Giải thưởng | 58 |
Tổng cộng | 0 |
bạn cần sử dụng:chứa()
Selector chọn các phần tử có nội dung văn bản đặc biệt.
$('#table-detail > tbody > tr:nth-child(7) > td:nth-child(2):contains("Tarte-fine")').css('display', 'none');
Bạn cũng có thể đơn giản hóa mã của mình và sử dụng :eq()
thay vào đó là bộ chọn :con thứ n
$('#table-detail tr:eq(6) td:eq(1):contains("Tarte-fine")').css('display', 'none');
$('#table-detail > tbody > tr:nth-child(7) > td:nth-child(2):contains("Tarte-fine")').css('color', 'red');
# Lệnh | 26 |
Quy chế chỉ huy | Không có đặc điểm |
Phòng thí nghiệm quy chế | Người được chuyển nhượng |
Danh định | Ứng dụng khách |
Thiên nhiên | Pháp sư khách hàng |
Ngày rút lại | |
Danh mục | Tarte-fine |
Sản phẩm | Quả mơ |
# người | 10 |
Taille (cm) | 16 |
Dòng chữ | |
Trang trí hoa huệ nhỏ | không xác định |
Trang trí Sôcôla và trái cây | không xác định |
Nombre de sandwich | |
Poid | |
Bánh mì kẹp 1 | |
Bánh mì kẹp 2 | |
Bánh mì kẹp 3 | |
Bánh mì kẹp 4 | |
Couleur du ruban | |
Giải thưởng | 58 |
Tổng cộng | 0 |
请注意 :bao gồm()
Trong một số trường hợp, điều này trả về kết quả không mong muốn, vì vậy bạn có thể sử dụng thay thế .lọc()
$('#table-detail tr:eq(6) td:eq(1)').filter(function(){
return $(this).text() == "Tarte-fine";
}).css('display', 'none');
Tôi là một lập trình viên xuất sắc, rất giỏi!