jQuery contents() 方法

实例

找到 <div> 元素中的所有文本节点,并用 <b> 元素将它们包起来:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
  5. <script>
  6. $(document).ready(function(){
  7. $("button").click(function(){
  8. $("div").contents().filter("em").wrap("<b/>");
  9. });
  10. });
  11. </script>
  12. </head>
  13. <body>
  14. <div><em>你好,世界!多么美好的一天啊!</em></div>
  15. <p>在本例中,通过单击按钮,我们搜索div元素内的所有文本节点,并用 b 元素将它们包起来。</p>
  16. <button>在 div 中找到所有文本节点并将其包起来</button><br>
  17. </body>
  18. </html>

定义与用法

contents() 方法返回所选元素的所有直接子元素,包括文本和注释节点。

文本节点是元素显示的实际文本。

这个方法与 children() 方法相似, 除了返回文本和注释节点。如果 iframe 在同一个域中,contents() 方法也可以访问它的 HTML。


语法

  1. $(selector).contents()

分类导航