如何从动态元素中获取价值

Question

我需要从“p”元素中获取值，我用 jQuery 绘制这个“p”，这样就可以了，然后我有一个按钮，当我单击它时，我想显示“p”元素中的值，但我不这样做没有得到任何信息，这是一个简单的代码示例：

$(document).ready(function() {
  $('#c').click(function() {
    var p = $('#p1').val();
    alert(p);
  });

  draw();
});


function draw() {
  var html = "";
  html += '<p id="p1">Hi</p>';

  $('#d').html(html);

}

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


<button id="c">Click</button>
<hr />
<div id="d">
</div>

我该如何解决这个问题？我没有收到任何控制台错误。

Answer 1

改变 ：

var p = $('#p1').val();

到 ：

var p = $('#p1').text();