jQuery获取父元素节点、子元素节点及兄弟元素节

<ul class="par">
  <li id="firstli">
    <h3 class="title">条目一</h3>
    <ul class="par">
      <li id="dwtedx">第一项</li>
      <li>第二项</li>
    </ul>
  </li>
</ul>

$("#dwtedx").parent().parent();//取得id为firstli的li节点
$("#dwtedx").parent().parent(".par");//取得最上面的ul节点
$("#dwtedx").parent(".par");
//取得向上第一层的ul节点 以上是通过parent的方式来获取父节点的、大家可以根据自己项目需要来选择方法哈

$('#dwtedx').parents('.par');//可以找出所有class为.par的节点
$('#dwtedx').closest('.par'); //可以找出一个父节点、就是上面一层的那个

$(".title").parent().find('ul');
//找到自己的兄弟节点ul 就是通过先找到 h3 与 ul 共同的父节点 li 然后来用 find() 找到 ul

$(".title").siblings('ul');
//找到自己的兄弟节点ul

$(".par:first-child");
//取得id为firstli的节点

$('#firstli h3.title');
//取得条目一的h3

$("#firstli").find("h3");
//找到子兄弟节点h3

$("#firstli").children("h3.title");
//取得子节点h3、class为title