Question

任何人都可以告诉我如何访问元素的子元素，该元素是当前属性的父元素的兄弟元素吗？

<div class="views-field views-field-field-mobile-service-new-image">
    <div class="field-content">
        <img typeof="foaf:Image" src="image1.png" width="55" height="55" alt="" />
    </div>
</div>  
<div class="views-field views-field-view-node">
    <span class="field-content">
        <a href="#" class="colorbox-node" data-inner-width="650" data-inner-height="450">
            <img typeof="foaf:Image" src="image2.png" width="55" height="55" alt="" />
        </a>
    </span>
</div>

如何在第一个div的孩子的类字段内容悬停时访问其他div中的图像

Answer 1

是不是当你在那个时候悬停在一个div的图像上时，第二个div图像应该被第一个div的img替换？

Answer 2

如果我理解你，你不能用CSS做到这一点，但是你可以用JS做到这一点，就像那样：

    $('.views-field-view-node img').hover(function() {
        var $yourImage = $(this).closest('.views-field-view-node')
            .parent().find('.views-field-field-mobile-service-new-image img').addClass('hover');
    }, function() {
        var $yourImage = $(this).closest('.views-field-view-node')
            .parent().find('.views-field-field-mobile-service-new-image img').removeClass('hover');
    });

这只是一个例子，如果你愿意，你可以改进我的代码并使其更好。

如何通过css访问html中其父节点的子元素

2 个答案: