① 如何获取$(this)的同级下两个元素?next()只能获取一个。
② 两个jquery对象如何合并为一个jquery对象?比如$("div.a")和$("p.b")。

解决方案 »

  1.   


    <!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>无标题文档</title>
    <style type="text/css">
    </style>
    <script src="jquery-1.3.2.js"></script>
    <script>
    $(document).ready(function(){
    $("#test").click(function(){
        var t1 = $(this).next().text();
    var t2 = $(this).next().next().text();
    alert(t1);
    alert("t2=="+t2);
    });
    });
    </script></head>
    <body>
        <div id="all">
             <div class="test" id="test">aaaaa</div>
             <div class="test">bbbbb</div>
             <div class="test">ccccc</div>
             <div class="test">ddddd</div>
        </div>
    </body>
    </html>
    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>无标题文档</title>
    <style type="text/css">
    </style>
    <script src="jquery-1.3.2.js"></script>
    <script>
    $(document).ready(function(){
    $("#test").click(function(){
        var t1 = $(this).next().text();
    var t2 = $(this).next().next().text();
    alert(t1);
    alert("t2=="+t2);
    });
    var id = $("#div a").parent().parent().attr("id");
    alert("id=="+id)
    var id1 = $("p b").parent().parent().attr("id");
    alert("id1==="+id1)
    });
    </script></head>
    <body>
        <div id="all">
             <div class="test" id="test">aaaaa</div>
             <div class="test">bbbbb</div>
             <div class="test">ccccc</div>
             <div class="test">ddddd</div>
        </div>
        <div id="main">
            <div id="div">
                <a href="http://www.baidu.com">百度</a>
            </div>
            <p>
                <b>hi</b>
            </p>
        </div>
    </body>
    </html>这样算是合并了
      

  2.   

    谢谢您的回答,但不是我想要的。
    可能我的问题描述的不够清楚,我再说的细一点。① 如何获取$(this)的同级下N个元素? next()只能获取一个。next().next().next()同样是换汤不换药。
    ② jquery对象的合并方法?就拿1楼的例子来说,我如何用一个$(""),同时获得$("#div a")和$("p b")?
      

  3.   

    $(this).siblings(); 是可以获得this同级的所有元素
      

  4.   

    1) $(this).next('*')slice(0, 2)
    2)$("#div a ,p b")
      

  5.   

    谢谢5楼!
    小小修正一下:
    1) $(this).nextAll('*')slice(0, 2)
      

  6.   

    再修正:
    1) $(this).nextAll().slice(0, 2)