prepend() item once per div

Question

I have a dynamic select function and when a click is performed I want to prepend only once per div within.

So far my code just prepends every time. I just can't figure it out. Any advice is appreciated, thank you.

var selGroup = $(".selected-results > .results-group");

if (!$('.selected-results > .results-group > .results-category').length) {
  selGroup.prepend('<li class="results-category" data-class="'
    + category +'">'+ category +'</li>');
  return true;
} else {
}

Your `if` statement should prevent multiple appends, so logic would dictate that the condition is flawed. We cannot debug this without seeing a more representative example, though. — Rory McCrossan, Nov 06 '19 at 10:26

score -1 · Accepted Answer · answered Nov 06 '19 at 10:38

I figured out my resolution.

$(".selected-results > .results-group").each(function() {

        if ($(this).children('.results-category').length){
          return false;
        } 
        else {
          $(this).prepend('<li class="results-category" data-class="'+ category +'">'+ category +'<span class="show-more"></span></li>');
        }

      });

prepend() item once per div

1 Answers1