JQuery find closest to sibling div -
for following:
<div class="section"> <div class="row infoon"> <div class="itemwrap clearfix"> <div class="itemtop clearfix"> </div> <label class="">file title:</label> <div class="inputwrap clearfix"> <input type="text" class="text inpbutton" value="upload file first" disabled="true"/> <a id="fileupload" href="#" class="button">browse</a> </div> </div> </div> <!-- filelist --> <div class="row uploadlist"> <div class="itemwrap clearfix"> <label> </label> <div class="inputwrap clearfix" style="position:relative;"> <ul> <li><span class="qq-upload-file">companypic.png</span><span class="qq-upload-spinner"></span><span class="qq-upload-size" style="display: none;"></span><a href="#" class="qq-upload-cancel">cancel</a><span class="qq-upload-failed-text">failed</span></li> <li><span class="qq-upload-file">companypic.png</span><span class="qq-upload-spinner"></span><span class="qq-upload-size" style="display: none;"></span><a href="#" class="qq-upload-cancel">cancel</a><span class="qq-upload-failed-text">failed</span></li> <li><span class="qq-upload-file">untitled.bmp</span><span class="qq-upload-spinner"></span><span class="qq-upload-size" style="display: none;"></span><a href="#" class="qq-upload-cancel">cancel</a><span class="qq-upload-failed-text">failed</span></li> <li><span class="qq-upload-file">this i...document.docx</span><span class="qq-upload-spinner"></span><span class="qq-upload-size" style="display: none;"></span><a href="#" class="qq-upload-cancel">cancel</a><span class="qq-upload-failed-text">failed</span></li> </ul> </div> </div> </div> <!-- // file list --> </div>
how select 'ul' element in "div.uploadlist" in relation
var button = $('#fileupload')[0]; alert($(button).closest('div.row').find('.uploadlist ul').html());
??
you use e.g. $(button).closest('div.row').next('.uploadlist').find('ul')
Comments
Post a Comment