如何包装<p>标记以动态附加附加到类.description_cr </p>的span标记

Question

$('#preview_description').on('click',function(){
    $(this).find('select').each(function(index, element{             
        $('.description_cr').append('<span>'+$(this).find('option:selected').text()+'</span>');                          });    
    });                                     
});

Answer 1

尝试这样的事情

     $('.description_cr').append('<p><span>'+$(this).find('option:selected').text()+'</span></p>');

Answer 2

您可以使用wrap()功能。

$('#preview_description').on('click',function(){
    $(this).find('select').each(function(index, element{         
        var pWrapped=$('<span>'+$(this).find('option:selected').text()+'</span>').wrap('<p/>');
        $('.description_cr').append(pWrapped); 
        });    
    });                                     
});

即使您只需添加<p><span>..</span></p>

Answer 3

我不完全确定你要做什么，但是如果你想让新创建的span成为一个jQuery对象，那么就创建为一个，而不仅仅是文本。

你这样创建：

$('<span>')

然后您可以访问新span的所有常规jQuery方法和属性。例如，您可以像.append()那样拨打.wrap('<p></p>')然后再$('<span>') ...

$('#preview_description').on('click',function(){
    $(this).find('select').each(function(index, element{             
        $('.description_cr').append($('<span>').append($(this).find('option:selected').text()).wrap('<p>')));                          });    
    });                                     
});