jQuery Page Widget How to - If tag contains certain text

Question

We would like to know how to if tag contains certain text.

Answer


<html>
  <head>
    <script type="text/javascript" src='http://code.jquery.com/jquery-1.5.2.js'></script>
    <script type="text/javascript">
        $(document).ready(function(){<!--from   ww  w  . j  a  v a  2  s  . c  om-->
           $("div").one('click', function () {
              if ($(this).is(":contains('asdf')")) {
                $("p").text("It's the asdf div.");
              }else{
                $("p").text("It's NOT the asdf div.");
              }
              $("p").hide().slideDown("slow");
              
           });
        });
    </script>
  </head>
  <body>
      Press each to see the text.
      <div>asdf</div>
      <div>sdf</div>
      <div>df</div>
      <div>sdf</div>
      <div>asdf</div>
      <div>asdf</div>
      <p></p>
  </body>
</html>

The code above is rendered as follows: