JQuery选择器有没有提供 "与" ，"或" ？

$("div#test, div#test2").html('test3');try...

解决方案 »

  1.   

    不是要这种组合的功能，
    比如我要找到name属性是aa而且con(自己写的属性)是bb的div怎么办？
    不会是要$("div:not([@name != 'aa']):not([@con != 'bb'])")吧？
      

  2.   

    楼主mm 想要问xpath里面的于和或吧。XPath描述的是一条路径，两个属性可以用tag[@atts1=***][@atts2=***]来表示，多个属性可以一直在后面加。
    如果要表示或，那么就要用到多条路径来表示，在XPath里面连接多条路径的是 | 如：tag[@atts1=***] | tag[@atts2=***]给个Example:
    <script type="text/javascript" src="jquery-1.2.3.js"></script><body>
    <div id="id1" acc="acc1">This is 1st line!</div>
    <div id="id1" acc="acc2">This is 2nd line!</div>
    <div id="id2" acc="acc1">This is 3rd line!</div>
    </body><script type="text/javascript">
    $(document).ready(function(){
        $("div[@id='id1'][@acc='acc1']").hide();
    });</script>看看那一行被Hide掉了？Output:
    This is 2nd line!
    This is 3rd line!ps: 楼主头像好像我的一个同事……
      

  3.   

    学习了，不知道XPATH里表示与还可以那么用啊
    如果是或呢？
      

  4.   

    似乎是jQuery里面的特殊用法，或用, 隔开就行 | 好像不好使。
    <script type="text/javascript" src="jquery-1.2.3.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
            $("div[@id='id1'], div[@acc='acc1']").hide();
    });
    </script><div id="id1" acc="acc1">This is 1st line!</div>
    <div id="id1" acc="acc2">This is 2nd line!</div>
    <div id="id2" acc="acc1">This is 3rd line!</div>
    <div id="id2" acc="acc2">This is 4th line!</div>
    这儿好像讲的还算详细：http://docs.jquery.com/DOM/Traversing/Selectors
    很多东西还是得靠实践。
      

  5.   


    name="aa"  并且 conn="bb" 或者 conn="cc" 的.$("div[@name='aa'][@conn='bb'], div[@name='aa'][@conn='cc']")<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
    <script type="text/javascript" language="JavaScript">
    // <![CDATA[ $(document).ready(function(){
    alert($("div[@name='aa'][@conn='bb'], div[@name='aa'][@conn='cc']").size());
    });// ]]>
    </script>
    <div class="test1" name="aa" conn="bb">
    1
    </div><div class="test2" name="aa" conn="bb2">
    2
    </div><div class="test3" name="aa" conn="bb">
    3
    </div><div class="test3" name="aa" conn="c">
    4
    </div><div class="test3" name="aa" conn="cc">
    5
    </div><div class="test2" name="aa">
    2
    </div>