求一个jquery选择器的写法.


<li tp='1' id='1'><div class='content_block'><a href='javascript:void(0)'><img src='dizhi'/></a><h2>分类名称</h2><h2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href='javascript:void(0)'>删除</a></h2></div></li>
<li tp='1' id='2'><div class='content_block'><a href='javascript:void(0)'><img src='dizhi'/></a><h2>分类名称</h2><h2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href='javascript:void(0)'>删除</a></h2></div></li>
<li tp='3' id='4'><div class='content_block'><a href='javascript:void(0)'><img src='dizhi'/></a><h2>分类名称</h2><h2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href='javascript:void(0)'>删除</a></h2></div></li>
怎么能把tp=1，下面的h2的文本变成 "电脑数码"结果是这样。
<li tp='1' id='1'><div class='content_block'><a href='javascript:void(0)'><img src='dizhi'/></a><h2>电脑数码</h2><h2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href='javascript:void(0)'>删除</a></h2></div></li>
<li tp='1' id='2'><div class='content_block'><a href='javascript:void(0)'><img src='dizhi'/></a><h2>电脑数码</h2><h2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href='javascript:void(0)'>删除</a></h2></div></li>
<li tp='3' id='4'><div class='content_block'><a href='javascript:void(0)'><img src='dizhi'/></a><h2>分类名称</h2><h2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href='javascript:void(0)'>删除</a></h2></div></li>我这样使用的选择器，貌似不对，只能修改第一个下面的h2标签内容function set_tp_name2(i,str){
$("[tp='"+i+"'] h2:first").text(str);
}
set_tp_name2(1,'电脑数码');
求高手，能帮着指点一下吗？万分感谢！

解决方案 »

  1.   

     $("li[tp='"+i+"'] h2:first").text(str);
      

  2.   


    $("li[tp='"+i+"'] h2:even").text(str);
      

  3.   

    $("li[tp='1'] h2:first").each(function(){$(this).text("电脑数码")}); 
      

  4.   


       $("li:[tp='1']").each(function () {
            $(this).find("h2:eq(0)").text("电脑数码");
        });
      

  5.   

    $("li:[tp='1'] h2:eq(0)").html("电脑数码");
      

  6.   

    LZ可以这样写：$("li[tp='1'] h2:eq(0)").each(function() {
        $(this).text("电脑数码");
    });
      

  7.   

    <html>
    <head>
    <script src="../jQuery/jQuery.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
    $("button").click(function(){
    $("li[tp=1]").find("h2").text("电脑数码");
    });
    });
    </script>
    </head>
    <body>
    <li tp='1' id='1'><div class='content_block'><a href='javascript:void(0)'><img src='dizhi'/></a><h2>分类名称</h2></div></li></h2><h2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href='javascript:void(0)'>删除</a></h2></div></li>
    <li tp='1' id='2'><div class='content_block'><a href='javascript:void(0)'><img src='dizhi'/></a><h2>分类名称</h2></div></li></h2><h2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href='javascript:void(0)'>删除</a></h2></div></li>
    <li tp='3' id='4'><div class='content_block'><a href='javascript:void(0)'><img src='dizhi'/></a><h2>分类名</h2></div></li>
    <button>Click</button>
    </body>
    </html>
      

  8.   

    $("[tp='"+i+"'] h2:first").text(str);
    ----》
    $("[tp='"+i+"']").each(function(){
        $(this).find("h2:first").text(str);
    });
      

  9.   

      $("li:[tp='1']").each(function () {
            $(this).find("h2:eq(0)").text("电脑数码");
        });