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(); }); })