javascript - 附加一个带有提交文本的 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/

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

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

检查元素的长度。

希望这对您有帮助。