用于重复div的jQuery插件

Question

如何在一个函数或一般访问嵌套div类中访问，使用类名激活div？

//this doesn't seems to work
function lightCandle(){

     $(".fire").show();
}



<div class="dom" id="dom" style="display: none">
    <div class="happydiwali" id="happydiwali">
            <div class="candle"></div>
            <div id="match" class="match"><a href="#match"> </a></div>
            <div class="fire" id="fire"><a href="#"></a></div>
    <div class="light"></div>
    </div>
</div>

Answer 1

您正在显示.fire元素，但由于.dom，它的父display:none元素仍处于隐藏状态。

显示.dom元素以及.fire：

$(".fire").show().closest('.dom').show();

Answer 2

让父母为display: block，也为孩子。

function lightCandle(){
    var dom = $(".dom");

    if(dom.css('display') == none){
        dom.css('display', 'block');
        dom.find('.fire').show();
    }


    //Or with out condition,
    dom.css('display', 'block');
    dom.find('.fire').show();

}