Javascript JQuery检测空p标记

Javascript JQuery检测空p标记,javascript,jquery,html,Javascript,Jquery,Html,我需要在这件事上寻求一些帮助,所以就这样 我正在使用contenteditable textarea创建所见即所得编辑器。它会自动创建段落,您还可以添加字幕 如果当前选择的p标记为空或仅包含零宽度空间​,则我希望能够在单击按钮#addStoryStitle时执行此操作,则它将替换为innerDivSubtitle的内容。但是,如果p标记包含内容,请使用innerDivSubtitle在下面创建一个新的块级元素 我似乎遇到的问题是检测p标签是空的 谢谢大家 $('#addStorySub

我需要在这件事上寻求一些帮助,所以就这样

我正在使用contenteditable textarea创建所见即所得编辑器。它会自动创建段落,您还可以添加字幕

如果当前选择的p标记为空或仅包含零宽度空间
​,则我希望能够在单击按钮
#addStoryStitle
时执行此操作,则它将替换为innerDivSubtitle的内容。但是,如果p标记包含内容,请使用
innerDivSubtitle
在下面创建一个新的块级元素

我似乎遇到的问题是检测p标签是空的

谢谢大家

$('#addStorySubtitle').click(function(e){
  var innerDivSubtitle = $('<div class="addStorySubtitleWrap" contenteditable="false"><span class="removeStorySubtitle"></span><textarea name="addstorysubtitle" class="addStorySubtitle autoSize" placeholder="Really good subtitle" contenteditable="true"></textarea></div><p>&#8203;<p>');

  var sel = window.getSelection();
  if ($(sel.anchorNode.parentNode) === "") {
    alert('empty'); //just for help
    $(sel.anchorNode.parentNode).replaceWith(innerDivSubtitle);
  } else {
    alert('not empty'); //just for help
    $(sel.anchorNode.parentNode).after(innerDivSubtitle);
  }
});

我希望这对你有帮助

if($('p').html() == "" || $('p').html == "&#8203;"){
    //Do something
}

我希望这对你有帮助

if($('p').html() == "" || $('p').html == "&#8203;"){
    //Do something
}

通过以下方式检查是否为空:

if ($("Your p tag").val().length == 0) { /* Empty */ }

通过以下方式检查是否为空:

if ($("Your p tag").val().length == 0) { /* Empty */ }

您可以检查元素是否包含以下内容:

checkElementContents(document.getElementById('p1');
checkElementContents(document.getElementById('p2'));
功能检查元素内容(元素){
if(element.innerHTML){
console.log(element.id+“不是空的”);
}否则{
console.log(element.id+“为空”);
}
};


您可以检查元素是否包含以下内容:

checkElementContents(document.getElementById('p1');
checkElementContents(document.getElementById('p2'));
功能检查元素内容(元素){
if(element.innerHTML){
console.log(element.id+“不是空的”);
}否则{
console.log(element.id+“为空”);
}
};


小心空格、回车等

function isEmpty(ele)
{
   var count = ele.html().replace(/\s*/, '');
   if(count>0)
      return false;
   return true;
}

console.log(isEmpty($('p')));

注意空格、回车等

function isEmpty(ele)
{
   var count = ele.html().replace(/\s*/, '');
   if(count>0)
      return false;
   return true;
}

console.log(isEmpty($('p')));

alert
不是调试器。
p
标记不应为空。
alert
不是调试器。
p
标记不应为空。