jquery CSS标签选择问题 回帖有分


...
<div class="meta">
<p class="links"><a href="#" class="comments" onclick="showWorlds(2)">link1</a></p>
<p class="links"><a href="#" class="comments" onclick="showWorlds(2)">link2</a></p>
<p class="links"><a href="#" class="comments" onclick="showWorlds(2)">link3</a></p>
</div>
<div class="meta">
<p class="links"><a href="#" class="comments" onclick="showWorlds(2)">link4</a></p>
<p class="links"><a href="#" class="comments" onclick="showWorlds(2)">link5</a></p>
<p class="links"><a href="#" class="comments" onclick="showWorlds(2)">link6</a></p>
</div>
...如果我有多个.meta的DIV标签
我想要将 所有的.meta中第二个P标签隐藏
如何实现（不修改html代码）

解决方案 »

  1.   

    $(".meta").each(function(){
    $(this).find("p:eq(1)").class("style:none")})
      

  2.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>5_14</title>
    <script src="jquery-1.3.2.js"></script>
    <script language="javascript" type="text/javascript">
    $(function(){
    var length = 0;
    $(".meta").each(function(){
    $(this).children("p:eq(1)").hide();
    length++;
    });
    alert(length)
    });
    </script>
    </head><body><div class="meta">
        <p class="links"><a href="#" class="comments" onclick="showWorlds(2)">link1</a></p>
        <p class="links"><a href="#" class="comments" onclick="showWorlds(2)">link2</a></p>
        <p class="links"><a href="#" class="comments" onclick="showWorlds(2)">link3</a></p>
    </div>
    <div class="meta">
        <p class="links"><a href="#" class="comments" onclick="showWorlds(2)">link4</a></p>
        <p class="links"><a href="#" class="comments" onclick="showWorlds(2)">link5</a></p>
        <p class="links"><a href="#" class="comments" onclick="showWorlds(2)">link6</a></p>
    </div>
    <div class="meta">
        <p class="links"><a href="#" class="comments" onclick="showWorlds(2)">link1</a></p>
        <p class="links"><a href="#" class="comments" onclick="showWorlds(2)">link2</a></p>
        <p class="links"><a href="#" class="comments" onclick="showWorlds(2)">link3</a></p>
    </div>
    <div class="meta">
        <p class="links"><a href="#" class="comments" onclick="showWorlds(2)">link4</a></p>
        <p class="links"><a href="#" class="comments" onclick="showWorlds(2)">link5</a></p>
        <p class="links"><a href="#" class="comments" onclick="showWorlds(2)">link6</a></p>
    </div><div class="meta">
        <p class="links"><a href="#" class="comments" onclick="showWorlds(2)">link1</a></p>
        <p class="links"><a href="#" class="comments" onclick="showWorlds(2)">link2</a></p>
        <p class="links"><a href="#" class="comments" onclick="showWorlds(2)">link3</a></p>
    </div>
    <div class="meta">
        <p class="links"><a href="#" class="comments" onclick="showWorlds(2)">link4</a></p>
        <p class="links"><a href="#" class="comments" onclick="showWorlds(2)">link5</a></p>
        <p class="links"><a href="#" class="comments" onclick="showWorlds(2)">link6</a></p>
    </div><div class="meta">
        <p class="links"><a href="#" class="comments" onclick="showWorlds(2)">link1</a></p>
        <p class="links"><a href="#" class="comments" onclick="showWorlds(2)">link2</a></p>
        <p class="links"><a href="#" class="comments" onclick="showWorlds(2)">link3</a></p>
    </div>
    <div class="meta">
        <p class="links"><a href="#" class="comments" onclick="showWorlds(2)">link4</a></p>
        <p class="links"><a href="#" class="comments" onclick="showWorlds(2)">link5</a></p>
        <p class="links"><a href="#" class="comments" onclick="showWorlds(2)">link6</a></p>
    </div></body>
    </html>
      

  3.   


    $('')和$("")有什么区别呢？
    还有$(this)指的是什么 则样使用它呢
      

  4.   

    $("div.meta > p:nth-child(2)").css({display:"none"});
      

  5.   

    楼主不会jQuery，这个可以看看相关基础资料
      

  6.   


    1。没区别
    2。$(this) 可以认为是集合中的一个对象比如你得页面里有很多个P标记，然后里面有<span>
    你在$('#xx').find('p').each(function(){
        //这个时候可以用$(this);
        
    })
      

  7.   

    //补充下
    比如你得页面里有很多个P标记，然后里面有<span>
    你在$('#xx').find('p').each(function(){
      //这个时候可以用$(this);
       这个时候$(this)代表P
       $(this).attr('id') 是p得ID
       如果你想继续找到底下SPAN得属性那就继续搜索下去
       $(this).find('span').each(function(){
         //这个时候查到得是SPAN得属性
          $(this).attr('id');
       })   })
      

  8.   

    $('') $("")没区别
    $("")中的值有区别
    #id 如：$('#id')那么是查找  id 为id的。
    .classname $('.classname') 那么就是查找类。