我是jQuery新手。我喜歡使用jQuery,並試圖讓它變得更好。列表父/子
,我有以下列表作爲菜單:
頁首頁:無子
<ul class="menu">
<li>Team 1 Photos</li>
<li>Team 2 Photos</li>
<li>Group Activities</li>
</ul>
子頁面有子
<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>
我的CSS是:
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;
}
我在努力實現;如果沒有孩子,最後<li>
有邊界底部。 最後<li>
有沒有邊界,如果有一個孩子
我希望我做的意義
我已經試過的方式來直接應用邊界是/否或加個班,所以我可以應用該樣式:
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');
現在我被卡住了,所以請把我引向正確的方向,這樣我就可以學會如何實現這一點。
謝謝
LRL