如何为jquery动态生成的p标签添加动态文本内容?

$("<p/>").appendTo("body").html("这是P标签的内容")

上面的代码的意思是在body尾部追加一个P标签，该P标签的HTML内容是 这是P标签的内容

<span id="myItem">选项卡</span>

<a id="myContent">这里是要显示在选项卡的内容</a>

js：

jQuery("#myContent").click(function(){

var myContent = jQuery("#myContent").val()

//把a标签的内容显示在选项卡中

jQuery("#myItem").html(myContent)

//把a标签的内容显示在选项卡的title属性中

jQuery("#myItem").attr("title",myContent)

})

不知道我理解的对不对

<style>

.line div {display:inline-block}

</style>

<button id=btn type=button>按钮</button>

<div id=res></div>

<script>

$(function(){

   $("#btn").one("click",function(){

      $("#res").append("<div id=tab></div>")

      var btn1=$("<button type=button>添加</button>")

      btn1.click(addline)

      $("#res").append(btn1)

      var btn2=$("<button type=button>减少</button>")

      btn2.click(delline)

      $("#res").append(btn2)

      addline()

      function addline(){

         var n=$(".line").size()+1

         $("#tab").append("<div class=line><div>事件"+n+"<input type=text value=''/></div> <div>备注"+n+"<input type=text value=''/></div></div>")

      }

      function delline(){

         $("#tab .line:last").remove()

      }

   })

})

</script>

---