jquery - list parent/child -


i jquery novice. enjoy using jquery , attempting better @ it.

i have following list menu:

page home: no child

<ul class="menu"> <li>team 1 photos</li> <li>team 2 photos</li> <li>group activities</li> </ul>

sub-page has child

<ul class="menu"> <li>team 1 photos</li> <li>team 2 photos</li> <li>group activities     <ul class="children">     <li>team 1 news</li>     <li>team 2 news</li> </ul> </li> </ul>

my css is:

ul.children {     width: auto;     margin-left: 0; } ul.children li{     border-bottom:1px solid #999;     margin-bottom: 10px;    padding-bottom: 3px; } ul.children li:last-child{     border-bottom:1px solid #999 !important; } ul.menu {     width: auto;     margin-left: 0; } ul.menu li{     border-bottom:1px solid #999;     margin-bottom: 10px;    padding-bottom: 3px; } ul.menu li:last-child{     border-bottom:none; }

i trying achieve; last <li> have border-bottom if there no child. last <li> have no border if there child

i hope making sense

i have tried way either directly apply border yes/no or add class can apply style:

jquery('#menu ul li:has(ul)').parent('li').prev()).css('border','1px solid #000'); 
if (jquery('.menu li:has(ul)') ) {   ('ul.menu li:last-child').add class('borderme'); 
jquery('.menu li:has(ul)').append('borderyes');

an stuck please steer me in right direction can learn how achieve this.

thank you

lrl

you simplify css.

ul.menu, ul.children {         width: auto;         margin-left: 0;     } ul.menu li{         border-bottom:1px solid #999;         margin-bottom: 10px;         padding-bottom: 3px;     }

you don't need seperate styles .children because descendent selector on .menu take care of <li> in markup. <li> within .menu have border. remove border last child <li> of .menu if has sub-menu, use following code.

$('ul.menu > li:last-child').has('ul').css('border-bottom','none');

please note have used child selector in jquery instead of descendent selector.


Comments

Post a Comment

Popular posts from this blog

c# - SharpSVN - How to get the previous revision? -

i trying find efficient way previous revision of file text comparison using sharpsvn. using (svnclient c = new svnclient()) { c.authentication.defaultcredentials = new networkcredential( configurationmanager.appsettings.get("svnserviceusername") , configurationmanager.appsettings.get("svnservicepassword") , configurationmanager.appsettings.get("svnservicedomain") ); c.authentication.sslservertrusthandlers += new eventhandler<svnsslservertrusteventargs>(authentication_sslservertrusthandlers); collection<svnfileversioneventargs> fileversioncollection = new collection<svnfileversioneventargs>(); svnrevisionrange range = new svnrevisionrange(0, this.hooks.revision); svnfileversionsargs args = new svnfileversionsargs(); args.retrieveproperties = true; args.range = range; foreach (svnchangeitem item in log.changedpaths) { string path = this.repositorypath + it...
Read more

c++ - Is it possible to compile a VST on linux? -

for class project i'm attempting write vst plugin backed cuda. current cuda workflow on linux box, i'd prefer compile , link there. according wikipedia , should possible (i couldn't find steinberg documentation relevant linux) can't find makefile or instructions on how build if aren't using xcode or visual studio. i'm vst 3 sdk doesn't support linux. when try compile plugin under linux, error: ./base/source/fatomic.cpp:39:30: fatal error: libkern/osatomic.h: no such file or directory this issue caused following code in "vst3 sdk/base/source/fatomic.cpp" #if mac #include <libkern/osatomic.h> #if mac_os_x_version_min_required > mac_os_x_version_10_4 #define native_atomic_type (volatile int32_t*) #else #define native_atomic_type (int32_t*) #endif #elif windows #include <windows.h> #endif but hope compiling under linux work vst sdk 2.4. reading. jvstwrapper seems run on lin...
Read more

url - Querystring manipulation of email Address in PHP -

i using third party application (email2http) send me emailid, body , message. unable retrieve email id due name appended on , enclosed < , >. here querystring getting. test.php?from=ajay+reddy &subject=cx&body=somebody when print variable in php returns name , not email id. $from = $_get['from']; echo $from; //output ajay reddy please suggest me how can emailid also. i dont want use post method due testing , debugging. it's working fine. forgot use htmlentities() in debugging.
Read more