在<p> </p>之间添加

Question

！[在此输入图像说明] [1]！[在此处输入图像说明] [2]这里我们需要使用jquery进行检查。

如果<p></p>为空，则必须在其间添加 以创建一些空格。是不是可以在jquery中做？

此外，如果文本内容为1行，请添加一些填充。如果它的2行，添加一些填充。有可能动态地做吗？

由于

Answer 1

使用

$('p:empty').html('&nbsp');

Answer 2

像这样：

    var p = $('p');
    p.each(function(){        
      if($(this).is(':empty')){
        $(this).html(' ');
      }
    });

demo

---

添加填充：

if(p.height() < 10){
  p.css('padding','10px');
}

Answer 3

使用jQuery.empty()，如：

if ($('#your-p-selector').is(':empty')) { 
    $('#your-p-selector').html('&nbsp');  
}

注意:: 这不提供完整的解决方案，但它表明了如何使用jQuery检查空元素。

Answer 4

$(function () {
    var p = $('p');
    p.each(function () {
        if ($(this).text().length < 1) {
            $(this).html('&nbsp;');
        }
    });
});