Как добавить дополнительный текст в тег div

Question

Я пытаюсь взять текст метки флажка, который отмечен, и я пытаюсь добавить в тег span,
Когда пользователь нажимает кнопку ok в popUp
Здесь он не работает. Вот мой jsfiddle

Мой сценарий:

$('.modal-footer .preSuccess').click(function(){    
      var parentElement=$(this).parent().parent().attr('id'); 
      $('#'+parentElement+ '.modal-body input[type="checkbox"]').each(function(){ 
       var pre =$(this).next('label').text(); 
       if($(this).is(':checked')){ 
        $('.'+parentElement+'Pre').append('<span>'+pre+'</span>'); 
       } 
      }); 

     }); 

Answer 1

Попробуйте

$('.modal-footer .preSuccess').click(function() { 
    var modal = $(this).closest('.modal'); 
    var parentElement = modal.attr('id'); // issue here, use closest to get a parent matching the selector 
    //again issue with the selector 
    modal.find('.modal-body input[type="checkbox"]').each(function() { 
     var pre = $(this).next('label').text(); 
     if ($(this).is(':checked')) { 
      $('.' + parentElement + 'Pre').append('<span>' + pre + '</span>'); 
     } 
    }); 

}); 

Демо: Fiddle

Answer 2

Я посмотрел на свой код, и Вы пропускаете при запросе флажка:

$('#'+parentElement+ ' .modal-body input[type="checkbox"]') 

Он не смог найти ваш флажок и не смог найти тексты.

Помимо этого я бы посоветовал создать структуру .parent(). Parent(), потому что он очень подвержен будущим ошибкам. Возможно, просто вызовите идентификатор напрямую, но я не уверен, как вы используете этот код.