当前位置: 代码迷 >> 综合 >> jQuery next() children()等方法
  详细解决方案

jQuery next() children()等方法

热度:39   发布时间:2023-10-08 20:18:17.0
<script type="text/javascript">$(function () {// children()方法只考虑子元素而不考虑其他后代元素var $body = $("body").children();alert($body.length) // ------>  2 个});</script>
</head>
<body>
<p title="选择你最喜欢的水果.">你最喜欢的水果是?</p>
<ul><li title='苹果'>苹果</li><li title='橘子'>橘子</li><li title='菠萝'>菠萝</li>
</ul>
</body>$(function(){var $p1 = $("p").next();alert( $p1.html() );  //  紧邻<p>元素后的同辈元素var $ul = $("ul").prev();alert( $ul.html() );  //  紧邻<ul>元素前的同辈元素var $p2 = $("p").siblings();alert( $p2.html() );  //  紧邻<p>元素的唯一同辈元素});</script>
</head>
<body><p title="选择你最喜欢的水果." >你最喜欢的水果是?</p><ul><li title='苹果'>苹果</li><li title='橘子'>橘子</li><li title='菠萝'>菠萝</li></ul>
</body>

 

  相关解决方案