javascript - Find the child DIV's and setting their style -
<div class="pm-dialog"> <div class="pm-dialog-close"> <div class="colors-main-content"><span>×</span></div> </div> <div class="pm-dialog-inner colors-main-content" style="margin: 12px 15px 0px 15px;"> <div> <div class="pm-dialog-content"> <div id="selectlocationprofilepopup"> </div> </div> <div class="pm-dialog-footer"> <div> <div class="pm-dialog-footer-background"></div> <div class="pm-dialog-buttonpane"></div> </div> </div> </div> </div> </div>
i have class defined pm-dialog-inner has display:table-row.
can 1 line : $(".pm-dialog-inner > div").css("display", "block")
not want.
want set div's style based upon id in selector, (as need override style inline) mentioned above 1 statement below:
my code in javascript using jquery statement below:
$('#selectlocationprofilepopup').parent().parent().parent().find(".pm-dialog-inner > div").css("display", "block");
can tell me doing wrong. can refactor above line of code?
in advance.
i've idented html, confuse, please verify if right.
<div class="pm-dialog"> <div class="pm-dialog-close"> <div class="colors-main-content"><span>×</span></div> </div> <div class="pm-dialog-inner colors-main-content" style="margin: 12px 15px 0px 15px;"> <div> <div class="pm-dialog-content"> <div id="selectlocationprofilepopup"> <div></div> </div> <div class="pm-dialog-footer"> <div> <div class="pm-dialog-footer-background"></div> <div class="pm-dialog-buttonpane"></div> </div> </div> </div> </div> </div> </div>
using structure i've used below code , works ok, please teste , tell if want result.
$("#selectlocationprofilepopup").parents(":eq(1)").css("display", "block"); $("#selectlocationprofilepopup").parent().find(".pm-dialog-footer").children("div").css("display", "block");
Comments
Post a Comment