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>&times;</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>&times;</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

Popular posts from this blog

c# - SVN Error : "svnadmin: E205000: Too many arguments" -

c# - Copy ObservableCollection to another ObservableCollection -

All overlapping substrings matching a java regex -