jquery chọn con đầu tiên với lớp của cha mẹ với lớp – jquery chọn lớp học đầu tiên

Bạn đang xem : jquery select first class

Vấn đề của bạn là bộ chọn của bạn bị sai, theo một số cách:

parent () trả về một, hai hoặc nhiều phần tử khớp với bộ chọn được truyền cho phương thức; để giới hạn bản thân ở phần tử được so khớp đầu tiên, hãy sử dụng near () (trả về một hoặc không, phần tử khớp với bộ chọn được chuyển vào).

Lần đầu tiên bạn sử dụng phương thức children () trả về cả hai phần tử, vì chúng đều khớp với bộ chọn được cung cấp và có lớp line_item_wrapper ; bạn cần phải nêu rõ ràng bạn muốn cái nào trong hai cái đó, bạn có thể sử dụng bộ chọn : first (hoặc phương thức first () ) hoặc : first -child selector.

Lệnh gọi thứ hai đến phương thức children () tìm phần tử con của phần tử đầu tiên được khớp với bộ chọn, điều mà bạn dường như không muốn.

Dù sao, nếu bạn phải sử dụng phần tử gốc (bắt đầu từ cùng một phần tử $ (this) ):

  var form1 = $ (this) .closest ('. sector_order'). find ('. line_item_wrapper: first'). clone (true);
 

Hoặc:

  var form1 = $ (this) .closest ('. sector_order'). find ('. line_item_wrapper'). first (). clone (true);
 

Hoặc:

  var form1 = $ (this) .closest ('. sector_order'). find ('. line_item_wrapper: first-child'). clone (true);
 

Hay nói thẳng ra là một cách tiếp cận đơn giản hơn (nhưng điều này không phù hợp với việc kiểm tra tên lớp chính):

  var form1 = $ (this) .prevAll ('. line_item_wrapper: last');
 

Hoặc:

  var form1 = $ (this) .siblings ('. line_item_wrapper'). eq (0);
 

Tài liệu tham khảo:

Xem Thêm  Python thêm các phần tử vào một Mảng - mảng python thêm phần tử


Xem thêm những thông tin liên quan đến chủ đề jquery chọn lớp học đầu tiên

The Legend of jQuery in 100 Seconds

  • Tác giả: Fireship
  • Ngày đăng: 2020-09-14
  • Đánh giá: 4 ⭐ ( 1752 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: jQuery is the world’s most popular JavaScript library (by far) in terms of sites using it in production today. Learn the basics of jQuery in 100 seconds.

    Docs https://api.jquery.com/

    js webdev 100SecondsOfCode

    Install the quiz app 🤓

    iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8
    Android https://play.google.com/store/apps/details?id=io.fireship.quizapp

    Upgrade to Fireship PRO at https://fireship.io/pro
    Use code lORhwXd2 for 25% off your first payment.

    My VS Code Theme

    – Atom One Dark
    – vscode-icons
    – Fira Code Font

jquery chọn đứa con đầu tiên với lớp học của một phụ huynh với lớp

  • Tác giả: vi.uwenku.com
  • Đánh giá: 5 ⭐ ( 3015 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Làm thế nào tôi có thể chọn chỉ đứa con đầu tiên của một lớp học cụ thể của một phụ huynh với một lớp học cụ thể cho các mục đích của clone()?

Học jQuery cơ bản và nâng cao

  • Tác giả: vietjack.com
  • Đánh giá: 5 ⭐ ( 9999 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Học jQuery cơ bản và nâng cao -Tự Học lập trình jQuery cơ bản và nâng cao theo các bước đơn giản về jQuery Selector, Bộ chọn, thuộc tính, Attribute, CSS, Thao tác DOM, Truy cập DOM, AJAX trong jQuery, hiệu ứng, sự kiện trong jQuery, Drag và Drop, Effect, Event Handler, UI, Plug-ins và các tiện ích khác trong jQuery.

Hướng dẫn học jQuery

  • Tác giả: hocwebchuan.com
  • Đánh giá: 5 ⭐ ( 4091 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Bộ chọn :first-child chọn các phần tử con ở vị trí đầu tiên – Học Web Chuẩn

jquery, bộ chọn cho lớp trong id

  • Tác giả: qastack.vn
  • Đánh giá: 3 ⭐ ( 5958 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: [Tìm thấy giải pháp!] Bạn có thể sử dụng bộ chọn lớp cùng với bộ chọn con cháu $(“#my_id .my_class”)

Chỉ chọn phần tử đầu tiên

  • Tác giả: hiepsiit.net
  • Đánh giá: 5 ⭐ ( 7963 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

[JQuery] Phần 3: Các hàm chọn jQuery (jQuery Selectors)

  • Tác giả: www.dammio.com
  • Đánh giá: 3 ⭐ ( 5490 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

Xem Thêm  Hướng dẫn Thiết kế & Phát triển Web - cách tạo 3 cột trong css