针对儿童元素jquery

Question

此代码应该定位.refer类的子元素并将其分配给.ref-hover，但它只将它分配给.refer

简单的html：

<div class="refer left">

    <div class="desc box">

    <h3>Anticorro</h3>

    <p>Soundtrack</p>
    </div>

    <div class="video box">
        <iframe>soundcloud iframe</iframe>
     </div>
</div>

js here：

$(document).ready(function() {

$('.refer').hover(
    function () {
    $(this).children('.video').addClass('.ref-hover');
    }, function () {
    $(this).children('.video').removeClass('.ref-hover');
});

});

示例：http://www.needles.cz（带有soundcloud播放器的那些块）

问题是什么？

Answer 1

试试这个

$(document).ready(function() {

$('.refer').hover(
    function () {

    $(this).children('.video').addClass('ref-hover');
    }, function () {
    $(this).children('.video').removeClass('ref-hover');
});

});