在jQuery中定位Descendent Elements时没有获得所需的输出

时间:2012-12-14 11:28:54

标签: jquery

我没有得到给定代码的彩色输出。

<html>
<head>
<title>the title</title>
   <script type="text/javascript" 
   src="/jquery/jquery-1.3.2.min.js"></script>

   <script type="text/javascript" language="javascript">

   $(document).ready(function() {
      $("p").find("span").addClass("selected");
   });

   </script>
   <style>
      .selected { color:red; }
  </style>
</head>
<body>

   <p>This is 1st paragraph and <span>THIS IS RED</span></p>
   <p>This is 2nd paragraph and <span>THIS IS ALSO RED</span></p>
</body>
</html>

我有什么遗失的吗?谢谢,

2 个答案:

答案 0 :(得分:0)

您是否在控制台日志中获得了任何内容?代码很好看,它在这里工作,确保你的Jquery src是正确的

$("p").find("span").addClass("selected");​

JS FIDDLE

答案 1 :(得分:0)

使用此: http://jsfiddle.net/gaHhv/1/

 <script type="text/javascript" src="http://code.jquery.com/jquery-1.3.2.js"></script>

虽然you should use latest jquery

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>