jQuery：追加HTML如果標籤包含特定的類

Question

我認爲這應該相當簡單，但Google沒有產生任何結果，所以希望這裏有人可以提供幫助。

使用jQuery我想在元素中追加一些HTML，如果它包含具有特定類的ul。

所以如果一個「main-menu li」元素包含「ul.sub-menu」，我想在包含它的「main-menu li」元素中追加「expand」div。

這裏是我的工作的HTML：http://pastebin.com/4pwN9Rte

任何幫助，非常感謝！

Answer 1

試試這個：

$('.main-menu > li').find('ul.sub-menu').parent('li').append($('<div/>').addClass('expand')); 

說明：

採取.main-menu列表li孩子的，找到ul子菜單並追加了新的div帶班擴大到其父li元素。

或較短的版本：

$('.main-menu > li:has(ul.sub-menu)').append($('<div/>').addClass('expand')); 

這裏是一個的jsfiddle顯示：http://jsfiddle.net/03j5fkyh/1/

Answer 2

非常容易，真的！乾杯！ CODEPEN

$('li:has(.sub-menu)').prepend('<div class="expand">asdfasdfasdf</div>'); 

Answer 3

試試這個

if($("main-menu li ul").hasClass("sub-menu")){ 
     $("main-menu li").append("#expand"); 
} 

希望它會工作