javascript - 帮助 jquery 选择器

Question

您好，请引用以下HTML代码:

<div id="content">
    <p>
      <font size='2'>
        <img src="something.jpg" width="500" height="500" />
        this is the text content. this is the text content. this is the text content...
      </font>
    </p>
</div>

这是从我的网络应用程序的管理部分生成的 html 代码。我不能修改它，也不能改变上面代码的结构。它是动态生成的。

我需要使用 jquery wrap() 方法将文本内容包装在 html 元素中，这样我就可以在文本内容而不是 img 元素上放置一些 css。

注意:id 为“content”的 div 元素是我自己的，我只能使用 HTML 访问它。

请问如何做到这一点？

谢谢

Answer 1

这是 jQuery 的方式

$("p > font")
  .contents()
  .filter(function() {
    return this.nodeType == 3;
  }).wrap('<span style="color:#FF0000" />');

You can Demo it here http://www.jsfiddle.net/K8WNR/