Вложенные меню выбора внутри div breaks Меню jQuery

Я разрабатываю систему с несколькими цепочками, используя jQuery.

Моя демо здесь отлично работает: https://jsfiddle.net/m27pnyo3/

Однако , когда я хочу вложить каждое меню выбора в <div>элемент, у меня возникают проблемы. Я считаю, что эти проблемы связаны с моим использованием $(this).parent()).

См. Эту пересмотренную демоверсию с <div>элементами вокруг каждого <select>- вы можете видеть, что это ломается :(

Может кто-нибудь объяснить, что я изменил в своем jQuery ниже, чтобы решить эту проблему?

$(function() {    

    $(".series").each(function() {
        $(this).chained($(".mark", $(this).parent()));
    });
    $(".model").each(function() {
        $(this).chained($(".series", $(this).parent()));
    });
    $(".engine").each(function() {
        $(this).chained([
            $(".series", $(this).parent()),
            $(".model", $(this).parent())
        ]);
    });

});

javascript,jquery,

0

Ответов: 2

0 принят

Просто добавьте еще один .parent ()

this.parent().parent()

Теперь вы добавили div как родительский, и это должно привести к первоначальному назначению.

1

Если вы меняете javascript, это работает:

$(function() {    

    $(".series").each(function() {
        $(this).chained($(".mark", $(this).parent().parent()));
    });
    $(".model").each(function() {
        $(this).chained($(".series", $(this).parent().parent()));
    });
    $(".engine").each(function() {
        $(this).chained([
            $(".series", $(this).parent().parent()),
            $(".model", $(this).parent().parent())
        ]);
    });

});
JavaScript, JQuery,
Похожие вопросы
Яндекс.Метрика