9.parrent(),parents()和find()

1.parent()与parents()
js原生找父元素
parentNode
jQuery里:
parent();找到直接父级

• val()
  jQuery里获取输入框的内容

  parents()
  得到自己所有的父元素

  parents(选择器)
  得到匹配这个选择器的父元素
  例：
  td.parents() 代表找到这个td的所有父元素
  td.parents(‘tr’) 代表找到这个td的父元素tr
  td.parents(‘table’) 代表找到这个td的父元素table

  事件委托要加在固定不变的那个父级元素上

 // 给每行的删除加点击事件
        // 事件委托不一定是给直接父级元素加
        // 给固定的那个父级元素加（什么叫固定？一直存在不会变）
        $('tbody').on('click', '.get', function () {

            // 删除被点击的delete的爷爷元素
            // $(this).parent().parent().remove();
            // console.log( $(this).parents('tr') );

            $(this).parents('tr').remove();

        })

2.parents()和find()
parents() 找到所有的父级元素
parents(选择器) 就匹配对应选择器的父级元素
find(选择器) 找到所有的匹配的后代元素
跟children() 不一样，children()只是找子代

        // console.log($('.son').parents()); //找到所有父级元素
        // console.log($('.son').parents('div')); //找到所有是div的父级元素
        // console.log($('.son').parents('div:eq(0)')); //找到第一个是div的父级元素，也就是father
        // console.log($('.son').parents('.father')); //找到类为father的父级元素
        // console.log($('.son').parents('.xxxxx')); //毛都找不到

        // 假设我现在只能拿到grandFater，但我真正想找的是son
        //    console.log( $('.grandFather').children('div').children());

        // find就是找对应的后代元素
        // console.log($('.grandFather').find('div'));


        // console.log($('.grandFather').find('.son'));
        // console.log($('.grandFather').find('.box'));

        // 这仅仅只是代表找到子代元素里类叫son的
        console.log($('.grandFather').children('.son'));