cuốn sách gpt4 ai đã làm

javascript - jquery.parents() đang chọn cha mẹ tổ tiên và anh chị em của cha mẹ tổ tiên

In lại Tác giả: Vũ trụ không gian Thời gian cập nhật: 2023-11-04 15:26:17 25 4
mua khóa gpt4 Nike

Điều tôi muốn đạt được là khi người dùng tập trung vào hộp văn bản, bộ trường bên trong nó sẽ có một lớp "active_fieldset" được thêm vào để cung cấp gợi ý trực quan tốt về vị trí của người dùng trong biểu mẫu. Với javascript sau, nó không ảnh hưởng đến tập trường gốc mà còn ảnh hưởng đến tất cả các tập trường anh chị em. Tôi đã làm gì sai à? Có điều gì sai cơ bản với HTML hoặc javascript của tôi không?

HTML ví dụ:






Foo





Thanh









biểu mẫu.js:

$(document).ready(function(){
$('.input_text').focus(function(){
$(this).parents('fieldset').addClass("active_fieldset");
});
});

biên tập:

Tôi đã bao gồm CSS của mình:

bộ điền dã
{
chiều rộng đường viền: 10px 0 0 0;
kiểu viền: liền khối;
màu viền: #0D6EB8;
}

fieldset.active_fieldset
{
chiều rộng đường viền: 10px 0 0 0;
kiểu viền: liền khối;
màu viền: #0D6EB8;
}

câu trả lời hay nhất

Hãy thử sử dụng gần nhấtphương pháp. Bạn có thể cần ghép nối nó với nhiều mã hơn để đảm bảo lớp này được xóa khỏi tất cả các trường trường khác.

$('.input_text').focus( function() {
$('fieldset').removeClass('active_fieldset');
$(this).closest('fieldset').addClass('active_fieldset');
});

Trích dẫn từ tài liệu:

Gần nhất hoạt động bằng cách trước tiên nhìn vào phần tử hiện tại để xem liệu nó có khớp với biểu thức đã chỉ định hay không, nếu vậy nó chỉ trả về chính phần tử đó thì nó sẽ tiếp tục duyệt tài liệu, theo từng phần tử cha, cho đến khi một phần tử. được tìm thấy phù hợp với biểu thức đã chỉ định. Nếu không tìm thấy phần tử nào phù hợp thì sẽ không có phần tử nào được trả về.

Về javascript - jquery.parents() đang chọn tổ tiên và anh chị em của tổ tiên, chúng tôi tìm thấy một câu hỏi tương tự trên Stack Overflow: https://stackoverflow.com/questions/1451049/

25 4 0
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress