问答详情
源自:2-5 jQuery选择器之层级选择器

$(".prev ~ div")这个选择器没看明白是什么意思,能用简单易懂方式讲讲么?

不明白这个选择器的意思

提问者:Geek喜多川 2016-12-16 16:26

个回答

  • mason_0007
    2016-12-16 17:07:20
    已采纳

    查找所有跟在 id 为 #prev 的元素后面的所有 div。注意,跟在后面的 span 不会被选中,因为它不是 div 。同时 "niece" 也不会被选中,因为它是某个兄弟元素的子元素,而不是兄弟元素。

    <!DOCTYPE html><html><head>  <style>   div,span {    display:block;    width:80px;    height:80px;    margin:5px;    background:#bbffaa;    float:left;    font-size:14px;  }  div#small {    width:60px;    height:25px;    font-size:12px;    background:#fab;  }  </style>  <script src="http://code.jquery.com/jquery-latest.js"></script></head><body>  <div>div (doesn't match since before #prev)</div>  <span id="prev">span#prev</span>  <div>div sibling</div>   <div>div sibling <div id="small">div niece</div></div>  <span>span sibling (not div)</span>  <div>div sibling</div><script>$("#prev ~ div").css("border", "3px groove blue");</script> </body></html>

  • mason_0007
    2016-12-16 16:55:46

    查找所有跟在 class 为 .prev 的元素后面的所有 div,