javascript - :has() jquery is not working correctly

Question

关闭。这个问题需要多问 focused 。目前不接受答案。

---

想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post .

已关闭 9 年前。

Improve this question

我正在尝试在我的网站上执行如下操作:

$(".post-index:has(.wp-post-image)").css("background", "#000");

Js fiddle 示例运行良好: http://jsfiddle.net/rami2929/4x4t9/

但它在我的演示网站上不起作用:

我想更改带有图像的背景颜色框。如何在我的演示网站上实现此功能？

如有任何建议，我们将不胜感激。

谢谢。

Answer 1

它在 DOM 就绪函数之外，请更改它:

$(function(){  
     $(".articleBox").click(function(){
         window.location=$(this).find("a").attr("href");  
         return false;  
    });

<!-- div mouseover change h2 color -->
    $('.articleBox').mouseover(function(){
        var color = $(this).find("a, .text-h2").css("color");
        $(this).find("a, .text-h2").css("color", "rgba(255, 156, 0, 0.8)");
        $(this).mouseout(function(){
            $(this).find("a, .text-h2").css("color", "rgb(51, 51, 51)");
        });
    });

});  

<!-- non image div change background color -->
$(".post-index:has(.wp-post-image)").css("background", "#000");

至

$(function(){  
     $(".articleBox").click(function(){
         window.location=$(this).find("a").attr("href");  
         return false;  
    });

    <!-- div mouseover change h2 color -->
    $('.articleBox').mouseover(function(){
        var color = $(this).find("a, .text-h2").css("color");
        $(this).find("a, .text-h2").css("color", "rgba(255, 156, 0, 0.8)");
        $(this).mouseout(function(){
            $(this).find("a, .text-h2").css("color", "rgb(51, 51, 51)");
        });
    });

    <!-- non image div change background color -->
    $(".post-index:has(.wp-post-image)").css("background", "#000");
});