CÁCH DỄ DÀNG ĐỂ TÌM PARENT DIV THÔNG QUA CHILD DIV TRONG

phượt Ẩm Thực Ẩm Thực Đường Phố những món ngón Videos vui chơi giải trí làm cho Đẹp Nail Trang Điểm có tác dụng Tóc Tattoo No matches found

What i need is i want choose level-0, it"s will tự động hóa choose all lv-1 after it (child selection) and stop in lv-0 next.How can i vày it with JS or Jquery


*

*

I believe this is what you want. When a level-0 checkbox changes you want each of the following level-1 khổng lồ change the same as the one you changed.

Bạn đang xem: Cách dễ dàng để tìm parent div thông qua child div trong

You traverse lớn the parent and use nextUntil() to lớn get the following group. Then change checked property of each of those checkboxes


$(".level-0 :checkbox").change(function() // from parent get all siblings until next level-0 const $level_1 = $(this).closest("li.level-0").nextUntil(".level-0"); // phối checked in them based on checked state of current one $level_1.find(":checkbox").prop("checked", this.checked);)
phượt Ẩm Thực Ẩm Thực Đường Phố món ngon Videos giải trí làm cho Đẹp Nail Trang Điểm có tác dụng Tóc Tattoo No matches found

*

$(function() { $(".level-0").change(function () { var status = $("input", this).is(":checked"); var nextChks = $(this).nextUntil(".level-0"); if (nextChks && nextChks.length > 0) { for (var i = 0; i
du lịch Ẩm Thực Ẩm Thực Đường Phố những món ngón Videos vui chơi giải trí làm Đẹp Nail Trang Điểm làm cho Tóc Tattoo No matches found
*

const allCats = document.querySelector("#choose-categories"), LevCats = <...allCats.querySelectorAll("li")> ;allCats.onclick = (target) => { if (!target.matches("input")) return let liParent = target.closest("li") , liRef = LevCats.findIndex(x=>x===liParent) ; if (liParent.classList.contains("level-0")) { for (let i = ++liRef; i li.level-1 span::before nội dung : "20152015"; color:lightgrey;
phượt Ẩm Thực Ẩm Thực Đường Phố những món ngón Videos vui chơi giải trí có tác dụng Đẹp Nail Trang Điểm có tác dụng Tóc Tattoo No matches found
*

If you can/are allowed lớn change the html, you can make it to look lượt thích a tree, like the snippet below.. And what I did was

to add classes lớn each parent who has childrens and to each children itself (for the first group first-main-checkbox & first-sub-checkbox & for the second one with the second key word in class name)

I"m not saying that it"s the best solution, but it"s a start..


var firstMain = document.querySelector(".first-main-checkbox");var firstChildrens = document.querySelectorAll(".first-sub-checkbox");var secondMain = document.querySelector(".second-main-checkbox");var secondChildrens = document.querySelectorAll(".second-sub-checkbox");function toggleCheck(childrens) childrens.forEach(child => child.checked = child.checked == true ? false : true )firstMain.addEventListener("click", function() toggleCheck(firstChildrens));secondMain.addEventListener("click", function() toggleCheck(secondChildrens));
du ngoạn Ẩm Thực Ẩm Thực Đường Phố những món ngón Videos vui chơi làm cho Đẹp Nail Trang Điểm làm cho Tóc Tattoo another lv 0 tòa tháp No matches found
I am not sure but gonna try.

Xem thêm: Bầu 7 Tháng Bụng Nhỏ - Bác Sĩ Giải Đáp: Mang Thai Bụng Nhỏ Có Sao Không

You have element inside of event parameter so get li from it by calling parent("li")then find all siblings that are after it by calling next("li") & do loop lượt thích this

const nexts = <>;par.next("li").foreach(function (elem) if (elem.hasClass("level-0") && nexts.length > 0) return false; // break loop if (elem.hasClass("level-1")) nexts.push(elem); // showroom li element);then just go through nexts và for each find its input which you marked as checked. That"s it.


Thanks for contributing an answer to Stack Overflow!

Please be sure lớn answer the question. Provide details & share your research!

But avoid

Asking for help, clarification, or responding lớn other answers.Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.


Post Your Answer Discard

By clicking “Post Your Answer”, you agree to lớn our terms of service, privacy policy và cookie policy


Not the answer you're looking for? Browse other questions tagged javascript html jquery css or ask your own question.


site thiết kế / logo sản phẩm © 2022 Stack Exchange Inc; user contributions licensed under cc by-sa. Rev2022.3.22.41738


Your privacy

By clicking “Accept all cookies”, you agree Stack Exchange can store cookies on your device và disclose information in accordance with our Cookie Policy.