Question

我想检索元素中的html并将其保存到我将用于发布的变量中。

以下是html的一个例子：

<article id="editable2">
<p>blablabla</p>
</article>

这是我使用的jquery：

$(document).ready(function(){

    $("#save").click(function(){

      $('#editable2').prop('outerHTML');
      alert( $(this).data("outerHTML") );

    });

});

然而，弹出框会继续说 undefined 。

谢谢！

Answer 1

如果您尝试将a的内容分配给变量，则可以执行以下操作。

HTML

<article id="editable2">
  <p>content</p>
</article>

<a href="#" id="save">click</a>

JS

$(document).ready(function(){

  $("#save").click(function(){
    var popup = $('#editable2').prop("outerHTML");
    alert( popup );
  });

});

以下是一个工作示例：http://www.codepen.io/anon/pen/jiDmx

如果您正试图获取＃editable2 div的内容（这是我的猜测），那么就这样做：

var popup = $('#editable2').html();

Answer 2

使用alert( $('#editable2').html());

从元素中检索html到变量

2 个答案: