在提交的文本后附加一个p并进行更新

Question

我正在练习jQuery，在本练习中我必须在提交时向DOM添加一个p元素，并且在每次提交时我只需要替换文本而不删除p。我试图找出如何做到这一点。

感谢任何帮助。

这就是我想要做的事情：

if(jQuery('form').find('p')){
  jQuery('<p>' + textToInsert + '</p>').appendTo('form');
} else{
  jQuery('p').empty().text(textToInsert);
}

Answer 1

您可以使用解决方案https://jsfiddle.net/6g161htz/

＆＃13;

＆＃13;

var textToInsert = "Appended newly";
if(jQuery('form').find('p').length){
  jQuery('p').empty().text(textToInsert);
} else {
  jQuery('<p>' + textToInsert + '</p>').appendTo('form');
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  
</form>

＆＃13;

＆＃13;

＆＃13;

检查元素的长度。

希望这会对你有所帮助。