在另一个 html 元素之前将纯文本包装在 div 中

Question

好吧，这可能没有多大意义......让我来说明一下：

<div class="csl-entry"> lorem ipsum yada yada yada... <a title="some title" rel="external" href="http://google.com">Google</a> </div>

我想将“lorem ipsum yada yada yada ...”包装在<p>标签中，但我不确定如何在不包装<a>的情况下继续进行。

如果在 JavaScript 或 jQuery 中更容易做到，我也可以。 无论如何，我的大部分网站都半依赖于一点 JS。

谢谢！

Answer 1

将<a>标签包裹在<div>内的<p>标签内是完全可以的。

所以我会说只是做：

<div class="csl-entry"> 
     <p>
          lorem ipsum yada yada yada... 
          <a title="some title" rel="external" href="http://google.com">Google</a>
     </p>
</div>

如果我很好地理解你的问题，那就是...... :)

Answer 2

使用 jquery

$('.csl-entry').contents().filter(function() {

  return this.nodeType == 3;

}).wrap('<p></p>')
            })

请注意，这将包装作为 csl-entry 子级的所有文本节点 - 因此，如果您在 div 中有任何杂散空间，您将获得一个空的段落标签。