2

我正在构建一个 CMS 并有一个 WYSIWYG 来输入文本；但是由于格式是从另一个文档传递过来的，您有时会随机<div>复制过来。

因此，一些标准文本的 HTML 输出通常如下所示：

<div class="show-text">
    <p>In Italo Calvino’s 1985 novel Mr. Palomar, the reader is taken on a journey through mundane but highly individual musings, seen from the perspective of the title character, who takes his name from the famous telescope and observatory. Mr Palomar tries to explain and define his existence by seeking order and reason in his visual and cultural surroundings. Taking the novel as a starting point, this exhibition has developed through close collaboration and discussion between the artists to create a symbiosis between the artworks, the boundaries of which are at times ambiguous.</p>
    <p>Dylan Shipton’s work re-models the space through large-scale architectural interventions, including a viewing structure that provides an altered view of the other pieces. Shipton’s work will serve as an environmental framework and counter-point for the other works to react with and against. In an extension of her painting practice, Kate Brigden is showing a series of glazed porcelain objects that aim to toy with ideas of vision and perception, suggestive of cosmic concepts. Pippa Gatty’s video projections simulate a landscape and atmosphere, enveloping and interrupting the objects and structures.</p>
    <p>Palomar is developed from a project initiated at Surface Gallery, Nottingham 2012.</p>
    <p><div><em>‘In identifying a constellation, the decisive proof is to see how it answers&nbsp;</em><em>when you call it. More convincing than the matching of distances&nbsp;</em><em>and configurations with those marked on the chart is the reply that&nbsp;</em><em>the luminous dot gives to the name by which it has been called, its&nbsp;</em><em>promptness in responding to that sound, becoming one with it.’ &nbsp;—&amp;nbsp;</em>Mr.&nbsp;Palomar, Italo Calvino, (Martin Secker &amp; Warburg, 1985)</div></p>
</div>

所以，我很想知道，使用 jQuery，我如何解开<div>s 中任何不需要的<p>s。我认为这会起作用：

$('.show-content-container .show-text p div').contents().unwrap();

但它只是删除了 div 前后的 p。

4

2 回答 2

1

您的标记在您看来如何：

<p><div>

使用 jQuery进行测试时的.show-text.html()：

<p></p><div>

因此，该选择器永远不会如您所愿，因为在任何 p 中实际上没有任何 div。

如果您根本不希望 .show-text 中包含任何 div，则可以使用：

$('.show-text').find('div').contents().unwrap();

jsFiddle在这里。

于 2013-06-24T09:29:05.943 回答
0

div 未在p.

$('.show-text div').replaceWith(function () {
    return '<p>' + $(this).html() + '</p>';
});
于 2013-06-24T09:31:46.863 回答