JavaScript Tutorial/jQuery/contents

Материал из Web эксперт
Перейти к: навигация, поиск

contents() finds all the child nodes inside the matched elements

<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
                
              $("p").contents().not("[nodeType=1]").wrap("<b/>");
                    
        });
    </script>
  </head>
  <body>
    <body>
        <p>Hello <a href="http://wbex.ru/">wbex</a>asdf</p>
          
    </body>
</html>


Get tag content

<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
           alert($("p").contents().text());
        });
    </script>
  </head>
  <body>
    <body>
        <p>Hello <span>span</span>data</p>
  </body>
</html>


Wrap tag to another tag

<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
           $("p").contents().filter(function(){ return this.nodeType != 1; }).wrap("<b/>");
        });
    </script>
  </head>
  <body>
    <body>
        <p>Hello <span>span</span>data</p>
  </body>
</html>
Источник — «http://wbex.ru/index.php?title=JavaScript_Tutorial/jQuery/contents&oldid=9635»