用 标签包装 JQuery 函数结果答案

【问题标题】：Wrapping JQuery function results with tags用 标签包装 JQuery 函数结果
【发布时间】：2012-04-17 20:06:13
【问题描述】：

您好，我有一个交互式绘图功能。由于一些限制，每次用户与图形交互时，我都必须删除图形：

$("button").click(function () {
     $("p").empty();
 });

但是，我想通过调用（在 protovis 中）重新生成图形：

drawHistogram(){
var w = 420
var h = 300
var vis = new pv.Panel()
.width(w)
.height(h)
.margin(20);
//add data into the visualization
vis.render();
}

在 JQuery 中。然而，现在这个图形没有被 标签包围，所以当我点击按钮时，这个迭代不会发生任何事情。我如何用 标签包围drawHistogram() 调用？谢谢！

【问题讨论】：

你能提供drawHistogram()的代码吗？
是的，如果不了解 drawHistogram() 的工作原理，就很难决定最好的方法。
在$.empty() 之前，图形是如何进入 标签的？
你的标题是<div>，但你的问题是。它是哪一个？而且你不能用 html 包装 jQuery 函数。

标签： javascript jquery html tags

【解决方案1】：

如果drawHistogram()是一个PHP函数：

<?php
    function drawHistogram() {
?>

    <P>

<?php

    // Draw Histogram code goes here

?>

    </p>

<?php
    }
?>

【讨论】：

【解决方案2】：

vis.render() 的任何元素；渲染只需访问它并使用 jQuery http://api.jquery.com/wrap/ 包装它

<div class="vis-rendered">
  <div class="inner">Vis Image</div>
</div>

$('.vis-rendered').wrap('<p />');

结果：

<p>
  <div class="vis-rendered">
    <div class="inner">Vis Image</div>
  </div>
</p>

【讨论】：

【解决方案3】：

您可以尝试使用 jQuery .wrap() 将元素包装在  元素内。

如果展开后的 .inner 元素看起来像这样开始：

<div class="container">
  <div class="inner">Hello</div>
  <div class="inner">Goodbye</div>
</div>

然后你在渲染元素上使用$('.class').wrap('')：

$('.inner').wrap('<p class="new" />');

包装后的结果如下所示：

<div class="container">
  <p class="new">
    <div class="inner">Hello</div>
  </p>
  <p class="new">
    <div class="inner">Goodbye</div>
  </p>
</div>

【讨论】：

【解决方案4】：

为什么没有容器元素，每次调用 drawHistogram() 时，在该方法中，您将结果包装在 "" 元素中。

在这里，看看这个例子是否有帮助。

http://jsfiddle.net/BP5hb/

最好的，

【讨论】：