在另一个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>

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

如果在JavaScript或jQuery中更容易，我也很好。无论如何，我的大部分网站都依赖于一些JS。

谢谢！

Answer 1

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

所以我只想说：

<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中有任何空行空格，您将获得一个空的段落标记。