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

Question

<p class="content">
    <p class="p1" style="background: #afe986">aaaaa</p>
    <p class="p2" style="background: #e979c0">bbbbb</p>
</p>
<p class="content">
    <p class="p3" style="background: #a5dbe9">ccccc</p>
    <p class="p4" style="background: #e9e514">ddddd</p>
</p>
<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>

Console过myhtml的内容了，输出没问题的。
难道this访问子节点后调用方法不能这样？
求解，谢谢

Answer 1

与this什么的无关，因为myhtml[1]是原生js的写法，没有办法使用jQuery的方法，你改成myhtml.eq(1).hide()就没问题了。