使用jq中的this访问子节点后,一旦调用方法就报错

Console过子节点的内容了,返回值是没问题的,证明访问子节点成功。
但是一旦调用方法就出错,难道this访问子节点后调用方法不能这样?
求解,谢谢

 <div class="content">
    <div class="div1" style="background: #afe986">aaaaa</div>
    <div class="div2" style="background: #e979c0">bbbbb</div>
</div>
<div class="content">
    <div class="div3" style="background: #a5dbe9">ccccc</div>
    <div class="div4" style="background: #e9e514">ddddd</div>
</div>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script>
    $('.content').hover(function () {
        var myhtml = $(this).children();
        myhtml[1].hide();
    });
</script>
     $('.content').hover(function () {
        var myhtml = $(this).children();
        myhtml.eq(1).hide();//////[]下标取得的是dom对象,dom对象没有hide方法
    });

myhtml 是jquery对象

myhtml[1]是DOM对象

你里面有两个相同的class,类选择器选出来不是唯一的,你用id来标识唯一取出来再用$(this)就对了

eq() 方法返回带有被选元素的指定索引号的元素。

  $('.content').hover(function () {
        $(this).children().eq(1).hide();
    });
        <script src="JS/jquery-1.8.3.min.js"></script>
$(function () { $(".content").hover(function () { var myhtml = $(".content div"); myhtml.hide(); }); })