1

是否有任何插件可以将 html 元素（span、div）转换为表单？一个示例是在编辑 LinkedIn 个人资料时，将要修改的部分转换为表格。

谢谢大家！

4

1 回答 1

0

JQuery 有 Wrap 方法，您可以使用该方法将整个 div / span 放入表单中。

$('.inner').wrap('<form class="newform" action="..." method="..." />');

在这里找到：http: //api.jquery.com/wrap/

考虑以下 HTML：

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

使用 .wrap()，我们可以在内部元素周围插入一个 HTML 结构，如下所示：

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

新元素是动态创建并添加到 DOM 中的。结果是每个匹配元素的新包装：

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

该方法的第二个版本允许我们指定一个回调函数。这个回调函数将为每个匹配的元素调用一次；它应该返回一个 DOM 元素、jQuery 对象或 HTML 片段，在其中包装相应的元素。例如：

$('.inner').wrap(function() {
  return '<div class="' + $(this).text() + '" />';
});

这将导致每个都有一个与其包装的文本相对应的类：

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

示例： 示例：在所有段落周围包裹一个新的 div。

<!DOCTYPE html>
<html>
<head>
  <style>

  div { border: 2px solid blue; }
  p { background:yellow; margin:4px; }
  </style>
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
  <p>Hello</p>
  <p>cruel</p>
  <p>World</p>
<script>$("p").wrap("<div></div>");</script>

</body>
</html>
于 2013-04-09T00:40:21.590 回答