JQuery: не могу заставить приложение appendTo для родителей () работать, возможно, не понимает метод родителей ()?

Question

Следующий блок кода не работает:

$("<span class=\"ideacount\">").prependTo(chapter.parents(".chapter")).each( function(index) {
    $(this).html((parseInt($(this).text() || 0)+1)+"");
});

где 'chapter' - это узел, который в этом случае вложен в 5 элементов по глубине среди других элементов класса 'chapter'.

Принимая во внимание, что этот код ведет себя, как и ожидалось, но это не то, что мне нужно (он добавляется также ко всем другим ветвям древовидной структуры, а не только к происхождению главы):

$("<span class=\"ideacount\">").prependTo(".chapter").each( function(index) {
    $(this).html((parseInt($(this).text() || 0)+1)+"");
});

Изменить: разработать:

chapter.parents (). Длина

10 (5 классов класса "глава", 5 литов)

chapter.parents (". chapter"). длина равна 0!?

Answer 1

Попробуйте ближайший вместо родителей.

$("<span class=\"ideacount\">").prependTo(chapter.closest(".chapter")).each( function(index) {
    $(this).html((parseInt($(this).text() || 0)+1)+"");
});